zoukankan      html  css  js  c++  java
  • 【AngularJs】---$sce 输出Html

    【问题描述】

    angular js的强大之处之一就是他的数据双向绑定功能----->ng-bind和针对form的ng-model

    但在我们的项目当中会遇到这样的情况,后台返回的数据中带有各种各样的html标签

    angularJs输出html的时候,浏览器并不解析这些html标签

    我们用ng-bind-html这样的指令来绑定,浏览器中显示的还是html代码

    【解决办法---$sce】

    通过使用$ sce.trustAsHtml()。该方法将值转换为特权所接受并能安全地使用“ng-bind-html”

    咱们还可以这样用,把它封装成一个过滤器就可以在模板上随时调用了

    filter code:

    app.filter('to_trusted', ['$sce', function ($sce) {
      return function (text) {
          return $sce.trustAsHtml(text);
      };
    }]);

    html code:

    <p ng-bind-html="currentWork.description | to_trusted"></p>

     

  • 相关阅读:
    14. HTML 列表(无序, 有序, 定义)
    13. HTML table
    12. HTML图像
    11. HTML链接
    10. HTML CSS
    learning java AWT Pannel
    learning AWT Jrame
    learning java 正则表达式
    learning java java.time相关类
    learning java Calendar类
  • 原文地址:https://www.cnblogs.com/itguliang/p/4415271.html
Copyright © 2011-2022 走看看