passing angular.js variables to html?

Question

I have an angular app in which there's a table that includes something of the general form:

<tr ng-repeat='d in data'>
<td>{{d.foo}}</td>
</tr>

I'd like to use the value of d.foo (which, for example, could be Bicycle to turn the cell into a link to a website like http://en.wikipedia.org/wiki/Bicycle. I've tried to find an answer to this on SO already but have had no luck; my apologie if I just didn't see it.

Is it possible to do the described task? If so, any pointers or suggestions?

Do you mean : <td><a ng-href="http://en.wikipedia.org/wiki/{{d.foo}}">{{d.foo}}</a></td> ? — Ivan Chernykh
– Ivan Chernykh, Commented Jul 24, 2013 at 10:49

Ivan Chernykh · Accepted Answer · 2013-07-24 10:52:20Z

3

Use:

<td><a ng-href="http://en.wikipedia.org/wiki/{{d.foo}}">{{d.foo}}</a></td>

You can read more here: http://docs.angularjs.org/api/ng.directive:ngHref
;)

answered Jul 24, 2013 at 10:52

Ivan Chernykh

42.2k13 gold badges136 silver badges148 bronze badges

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

Comments

Atropo · Accepted Answer · 2013-07-24 10:51:21Z

2

Use it in a <a> tag. For example:

<a href="http://your_url/{{d.foo}}">{{d.foo}}</a>

answered Jul 24, 2013 at 10:51

Atropo

12.6k8 gold badges51 silver badges62 bronze badges

Collectives™ on Stack Overflow

passing angular.js variables to html?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related