1. 首页
  2. 编程语言
  3. Javascript
  4. 深入理解AngularJS中的ng-bind-html指令

深入理解AngularJS中的ng-bind-html指令

上传者: 2021-11-15 02:40:29上传 PDF文件 100.24 KB 热度 9次

但在为html标签绑定带html标签的内容的时候,angularjs为了安全考虑,不会将其渲染成html,而是将其当做文本直接在页面上展示。输出这时就会出现安全的错误,如图:但可以通过引入下面的模块,自动检测html的内容是否安全这时刷新预览ng-bind-html 指令是通一个安全的方式将内容绑定到 HTML 元素上。当你想让 AngularJS 在你的应用中写入 HTML,你就需要去检测一些危险代码。通过在应用中引入 "angular-santize.js" 模块,使用 ngSanitize 函数来检测代码的安全性。in your application you can do so by running the HTML code through the ngSanitize function.通过自定义过滤器,将带html标签的内容都当成安全的进行处理。

用户评论