属性中的角度表达式

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}}而不是消息的值。

角度在'data-'属性中是否存在问题？

TNX

Answer 1

你可以尝试一下：

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

来自文档：

“如果带有绑定的属性以ngAttr前缀为前缀（非规范化前缀：'ng-attr-'，'ng：attr-'），那么在编译期间，前缀将被删除，绑定将应用于未加固定的属性。这允许绑定到浏览器以其未编译形式急切处理的属性（例如img [src]或svg的circle [cx]属性）。“

Answer 2

删除这样的插值符号。使用{{, }}，AngularJS执行字符串插值而不是模型绑定。

data-content="item.status.message"