如何使AngularJS绑定到A标签的title属性？

Question

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

我们正在使用AngularJS 1.0.7版。您可以在任何属性前面加上“ ng-”或“ ng-
attr”，Angular会进行相应的绑定。但是，它似乎没有“绑定”到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服装，也没有有效的工具提示。

Answer 1

看起来ng-attr是AngularJS
1.1.4
中的新指令，在这种情况下可以使用。

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

但是，如果您使用1.0.7，则可以编写一个自定义指令以反映效果。