一尘不染

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

angularjs

目的是使产品名称出现在缩略图的工具提示中。浏览器不会根据“ 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服装,也没有有效的工具提示。


阅读 857

收藏
2020-07-04

共1个答案

一尘不染

看起来ng-attrAngularJS
1.1.4
中的新指令,在这种情况下可以使用。

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

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

2020-07-04