目的是使产品名称出现在缩略图的工具提示中。浏览器不会根据“ ng-title”或“ ng-attr-title”创建工具提示。
我们正在使用AngularJS 1.0.7版。您可以在任何属性前面加上“ ng-”或“ ng- attr”,Angular会进行相应的绑定。但是,它似乎没有“绑定”到HTML“ A”标签的标题上。
例如 1。
码: <a title="{{product.shortDesc}}" ...>
<a title="{{product.shortDesc}}" ...>
预期结果: <a title="Canon Powershot XS50 12MB Digital Camera" ...>
<a title="Canon Powershot XS50 12MB Digital Camera" ...>
实际结果:<a title="{{product.shortDesc}}" ...>工具提示中出现不必要的括号。
例如 2。
码: <a ng-attr-title="{{product.shortDesc}}" ...>
<a ng-attr-title="{{product.shortDesc}}" ...>
实际结果: <a ng-attr-title="Canon Powershot XS50 12MB Digital Camera" ...>
<a ng-attr-title="Canon Powershot XS50 12MB Digital Camera" ...>
我们没有简单的title服装,也没有有效的工具提示。
title
看起来ng-attr是AngularJS 1.1.4中的新指令,在这种情况下可以使用。
ng-attr
<!-- example --> <a ng-attr-title="{{product.shortDesc}}"></a>
但是,如果您使用1.0.7,则可以编写一个自定义指令以反映效果。