AngularJS通过$sce输出html的方法

发布时间:2026/7/28 16:42:52
AngularJS通过$sce输出html的方法 【问题描述】AngularJS的强大之处之一就是他的数据双向绑定功能-----ng-bind和针对form的ng-model但在我们的项目当中会遇到这样的情况后台返回的数据中带有各种各样的html标签AngularJS输出html的时候浏览器并不解析这些html标签通过api发现通过指令 ng-bind-html来实现html的输出。div classcol-md-12 ng-binding ng-bind-htmlitem.content 但是并不起作用浏览器中显示的还是html代码。【解决办法】后来发现还需要通过通过$sce服务来实现html的展示。angular.module(list,[]).controller(BlogListCtrl, BlogListCtrl).filter( to_trusted, [$sce, function ($sce) { return function (text) { return $sce.trustAsHtml(text); } }] )这里通过$sce构建一个过滤器来对输出的html进行过滤div classcol-md-12 ng-binding ng-bind-htmlitem.content|to_trusted 这样就可以通过AngularJS正常的输出html标签并且被浏览器解析了