Angular富文本页面展示

版权声明： https://blog.csdn.net/qq_23521659/article/details/85317090

过滤器：

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>

效果：