一起使用AngularJS ng-bind和ng-href?

时间:2012-07-24 16:12:31

标签: angularjs

使用AngularJS,我注意到一个模式似乎对我不对。

构建表时,我的数据使用ng-bind绑定。但是,如果我需要单元格中的文本链接到某些内容,则必须手动创建链接。

非链接表格单元格如下:

<td ng-bind="customer.name"></td>

但如果我想创建链接,我会这样做:

<td><a ng-href="/customer/{{customer.id}}">{{customer.name}}</a></td>

有没有办法使用属性创建链接?类似的东西:

<td ng-bind="customer.name" ng-href="/customer/{customer.id}"></td>

2 个答案:

答案 0 :(得分:7)

这不是一个真正的AngularJS问题;这更多关于HTML的工作原理。 HTML不允许您只为任何元素添加href属性来创建链接。您需要使用锚标记来创建链接。

如果您愿意,可以write a directive在单元格内生成锚标记。但这似乎不值得,大多数人可能会认为它产生的语义更少,更令人困惑的标记。

HTML链接规范:http://www.w3.org/TR/html4/struct/links.html

答案 1 :(得分:6)

您可以使用ng-bind,是的,但在<a>内,就像@btford所说的那样。

<td><a ng-href="/customer/{{customer.id}}" ng-bind="customer.name"></a></td>