目的是让产品名称出现在缩略图的工具提示中。
浏览器不会从“ng-title”或“ng-attr-title”创建工具提示。
浏览器不会从“ng-title”或“ng-attr-title”创建工具提示。
我们使用AngularJS 1.0.7版本。
您可以使用“ng-”或“ng-attr”前缀任何属性,Angular将相应地绑定。但是,它似乎不“绑定”到HTML“A”标签的标题attirbute。
例如, 1。
代码:< a title =“{{product.shortDesc}}”...>
预期结果:< a title =“Canon Powershot XS50 12MB数码相机”...>
实际结果:< a title =“{{product.shortDesc}}”...>我们在工具提示中得到不需要的大括号。
例如, 2。
代码:< a ng-attr-title =“{{product.shortDesc}}”...>
预期结果:< a title =“Canon Powershot XS50 12MB数码相机”...>
实际结果:< a ng-attr-title =“Canon Powershot XS50 12MB数码相机”...>
看起来ng-attr是AngularJS 1.1.4中的一个新指令,你可以在这种情况下使用。
https://github.com/angular/angular.js/commit/cf17c6af475eace31cf52944afd8e10d3afcf6c0
但是,如果你留在1.0.7,你可以写一个自定义指令镜像的效果。
<!-- example --> <a ng-attr-title="{{product.shortDesc}}"></a>