使用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>
答案 0 :(得分:7)
这不是一个真正的AngularJS问题;这更多关于HTML的工作原理。 HTML不允许您只为任何元素添加href
属性来创建链接。您需要使用锚标记来创建链接。
如果您愿意,可以write a directive在单元格内生成锚标记。但这似乎不值得,大多数人可能会认为它产生的语义更少,更令人困惑的标记。
答案 1 :(得分:6)
您可以使用ng-bind
,是的,但在<a>
内,就像@btford所说的那样。
<td><a ng-href="/customer/{{customer.id}}" ng-bind="customer.name"></a></td>