过滤器:

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>

效果:

Angular富文本页面展示Angular富文本页面展示

相关文章:

  • 2022-02-19
  • 2022-12-23
  • 2021-12-26
  • 2022-12-23
  • 2022-12-23
  • 2021-07-23
  • 2022-12-23
  • 2021-08-07
猜你喜欢
  • 2021-12-27
  • 2022-12-23
  • 2022-01-07
  • 2022-12-23
  • 2021-04-25
  • 2022-12-23
  • 2021-09-12
相关资源
相似解决方案