How to get text of hidden td element using angularjs?

Question

HTML:

<td hidden ng-bind="msg.location" id="msg_location"></td>

After page loading it seems like:

<td hidden ng-bind="msg.location" id="msg_location">/2/</td>

i want to get text of td in angularjs. I tried following:

angular.element('#msg_location').html()
angular.element('#msg_location').text()
angular.element('#msg_location').innerHTML

but all of above soltions returns empty string. Can anyone help me?

thanks in advance.

developer.mozilla.org/en-US/docs/Web/API/Node/textContent as per documentation .textContent should do — Anirudh Mangalvedhekar
– Anirudh Mangalvedhekar, Commented Oct 18, 2016 at 13:24
why can't you directly use 'msg.location' in angular controller. example - var location = msg.location; I'm assuming msg.location is your model. — Prasad Shigwan
– Prasad Shigwan, Commented Oct 18, 2016 at 13:24
@Anirudh:angular.element('#msg_location').textContent gives undefined. — Sony Khan
– Sony Khan, Commented Oct 18, 2016 at 13:26

BERGUIGA Mohamed Amine · Accepted Answer · 2016-10-18 15:14:00Z

1

BECAFULL YOU USE ANGULARJS AND NOT JQUERY. So you just need to set a ng-model like bellow: html

<td hidden ng-model='msg.location' ></td>

JS

console.log('DATA IS ',$scope.msg.location);

answered Oct 18, 2016 at 15:14

6,3203 gold badges43 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1