Angular富文本页面展示

过滤器:

app.filter('showAsHtml',function ($sce) {
    return function (input) {
        return $sce.trustAsHtml(input);
    }
})

使用$sce的理由:

angularjs中绑定的数据有html标签时,如

,会被angularjs认为是不安全的而自动过滤掉,为了保留这些标签就需要开启非安全模式,这是非常危险的。$sce是angularJS自带的安全处理模块,因此需要$sce.trustAsHtml()方法将数据内容以html的形式解析并返回。

页面:

项目详情

效果:

Angular富文本页面展示_第1张图片Angular富文本页面展示_第2张图片

你可能感兴趣的:(前端开发,开发笔记)