Angular富文本页面展示
过滤器:
app.filter('showAsHtml',function ($sce) {
return function (input) {
return $sce.trustAsHtml(input);
}
})
使用$sce的理由:
angularjs中绑定的数据有html标签时,如<h1>,会被angularjs认为是不安全的而自动过滤掉,为了保留这些标签就需要开启非安全模式,这是非常危险的。$sce是angularJS自带的安全处理模块,因此需要$sce.trustAsHtml()方法将数据内容以html的形式解析并返回。
页面:
<p ng-bind-html="detail.Introduction|showAsHtml">项目详情</p>
效果: