Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – ng-html-bind省略样式标记大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这样的ng-bind
<p ng-bind-html="decodeText(item.description)"></p>

使用decodeText

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

但是,以下json丢失了style属性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>"}

是什么导致了这个?

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

您似乎错过了代码中的$sce部分.

试试这个:

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

大佬总结

以上是大佬教程为你收集整理的angularjs – ng-html-bind省略样式标记全部内容,希望文章能够帮你解决angularjs – ng-html-bind省略样式标记所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。