angularjs - 如何让 AngularJS 绑定(bind)到 A 标签的 title 属性？

Question

目的是让产品名称出现在缩略图的工具提示中。 浏览器不会从“ng-title”或“ng-attr-title”创建工具提示。

我们正在使用 AngularJS 版本 1.0.7。 您可以在任何属性前面添加“ng-”或“ng-attr”，Angular 将进行相应的绑定(bind)。然而，它似乎没有“绑定(bind)”到 HTML“A”标签的标题属性。

例如。 1.

代码:<a title="{{product.shortDesc}}" ...>

预期结果:<a title="Canon Powershot XS50 12MB Digital Camera" ...>

实际结果:<a title="{{product.shortDesc}}" ...>我们在工具提示中得到了不需要的大括号。

例如。 2.

代码:<a ng-attr-title="{{product.shortDesc}}" ...>

预期结果:<a title="Canon Powershot XS50 12MB Digital Camera" ...>

实际结果:<a ng-attr-title="Canon Powershot XS50 12MB Digital Camera" ...>

我们没有得到一个简单的 title attirbute，我们也没有得到有效的工具提示。

Answer 1

看起来 ng-attr 是 AngularJS 1.1.4 中的一个新指令在这种情况下您可能会使用它。

<!-- example -->
<a ng-attr-title="{{product.shortDesc}}"></a>

但是，如果您继续使用 1.0.7，您可能可以编写自定义指令来镜像效果。