angularjs - 一起使用 AngularJS ng-bind 和 ng-href？

Question

使用 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>

Answer 1

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

如果需要，您可以编写一个指令，在单元格内生成锚标记。但这似乎不值得，而且大多数人可能会同意它产生的语义更少、更混乱的标记。

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

Answer 2

你可以使用ng-bind，是的，但是在里面<a>，就像@btford 说的那样。

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