angularjs - ng-html-bind 省略样式标签

Question

我有一个这样的 ng-bind

<p ng-bind-html="decodeText(item.description)"></p>

使用解码文本

$scope.decodeText = function (data) {
    return data
}

但是，以下 json 丢失了样式属性 style="color:#ff0000;"渲染时

[{"title":"I am here","date_received":"Feb 28, 2014","description":"<p>EE)\u00a0 <span style=\"color:#ff0000;\"> accepted<\/span><\/p>\n<p>HH)\u00a0 <span style=\"color:#ff0000;\">I am\nhere; <\/span><strong>\u00a0<\/strong><\/p>"}

这是什么原因造成的？

Answer 1

ng-bind-html和 $sce.trustAsHtml总是一起用于显示平面 HTML。

您似乎错过了 $sce加入你的代码。

试试这个:

$scope.decodeText = function (data) {
    return $sce.trustAsHtml(data);
}