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

前端之家收集整理的这篇文章主要介绍了你如何让AngularJS绑定到A标签的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数码相机”...>

我们不会得到一个简单的标题attirbute,我们也没有工作的工具提示

看起来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>

猜你在找的Angularjs相关文章