javascript - 属性中的 Angular 表达式

Question

我有一个使用 angular 的页面，其中我从 bootstrap 实现了 popover:

<img class="state-msg" data-toggle="popover" ng-popover data-content="{{item.status.message}}" data-trigger="hover" data-placement="top" ng-src="{{item.status.stateIcon}}"/>

数据内容未正确呈现。它返回文字 {{item.status.message}} 而不是消息的值。

angular 在“data-”属性中的表达式有问题吗？

谢谢

Answer 1

你可以试试这个:

ng-attr-src="{{item.status.stateIcon}}"

来自文档:

“如果具有绑定(bind)的属性以 ngAttr 前缀为前缀(非规范化前缀:‘ng-attr-’、‘ng:attr-’)，那么在编译期间前缀将被删除并且绑定(bind)将应用于未加前缀的属性。这允许绑定(bind)到浏览器以未编译形式急切处理的属性(例如 img[src] 或 svg 的 circle[cx] 属性)。”