【AngularJs】---$sce 输出Html

最新推荐文章于 2021-06-08 20:28:56 发布

weixin_30788239

最新推荐文章于 2021-06-08 20:28:56 发布

阅读量71

点赞数

原文链接：http://www.cnblogs.com/itguliang/p/4415271.html

版权

【问题描述】

angular js的强大之处之一就是他的数据双向绑定功能----->ng-bind和针对form的ng-model

但在我们的项目当中会遇到这样的情况，后台返回的数据中带有各种各样的html标签

angularJs输出html的时候，浏览器并不解析这些html标签

我们用ng-bind-html这样的指令来绑定，浏览器中显示的还是html代码

【解决办法---$sce】

通过使用$ sce.trustAsHtml()。该方法将值转换为特权所接受并能安全地使用“ng-bind-html”

咱们还可以这样用，把它封装成一个过滤器就可以在模板上随时调用了

filter code:

app.filter('to_trusted', ['$sce', function ($sce) {
　　return function (text) {
    　　return $sce.trustAsHtml(text);
　　};
}]);

html code:

<p ng-bind-html="currentWork.description | to_trusted"></p>

转载于:https://www.cnblogs.com/itguliang/p/4415271.html

关注