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

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

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

Ex. 1.

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

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

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

Ex. 2.

Code: <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属性，我们也没有得到有效的工具提示。

看起来像ng-attr是一个新指令AngularJS 1.1.4 https://github.com/angular/angular.js/commit/cf17c6af475eace31cf52944afd8e10d3afcf6c0在这种情况下您可能会使用它。

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

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