4

我有一个使用 Angular 的页面，我在其中从引导程序实现弹出框：

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

角度是否在“数据-”属性中的表达式有问题？

肿瘤坏死因子

4

2 回答 2

9

你可以试试这个：

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

从文档：

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

于 2013-08-28T13:24:28.667 回答
3

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

data-content="item.status.message"
于 2013-08-28T14:23:15.087 回答