angularjs 指令ng-bind-html
2018-01-21 20:51
731 查看
ng-bind-html 指令是通一个安全的方式将内容绑定到 HTML 元素上。
当你想让 AngularJS 在你的应用中写入 HTML,你就需要去检测一些危险代码。通过在应用中引入 “angular-santize.js” 模块,使用 ngSanitize 函数来检测代码的安全性
ng-bind-html可以将原生html内容写入标签或者元素
用法:
sce是angularjs内置的安全服务,这里将它依赖注入用户将带有标签的值做安全检查,通过sce.trustAsHtml方法可以将原生html标签绑定到作用于的变量,如果没有$sec,那么
当你想让 AngularJS 在你的应用中写入 HTML,你就需要去检测一些危险代码。通过在应用中引入 “angular-santize.js” 模块,使用 ngSanitize 函数来检测代码的安全性
ng-bind-html可以将原生html内容写入标签或者元素
用法:
<p ng-bind-html='city'></p> a.controller('myController',['$scope','$sce',function($scope,$sce){ $scope.city =$sce.trustAsHtml('<h1>China</h1>'); }])
sce是angularjs内置的安全服务,这里将它依赖注入用户将带有标签的值做安全检查,通过sce.trustAsHtml方法可以将原生html标签绑定到作用于的变量,如果没有$sec,那么
<h1>会被过滤掉
相关文章推荐
- [Angularjs]ng-bind-html指令
- 深入理解AngularJS中的ng-bind-html指令和$sce服务
- 深入理解AngularJS中的ng-bind-html指令
- angularJs 中的ng-bind-html指令和$sce服务
- AngularJs输出字符串换行\n或<br/>不管用时,要用ng-bind-html配合解决
- angularjs中ngbind和ngbindhtml的区别
- AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
- AngularJS展示数据的ng-bind指令和{{}} 区别
- angularjs ng-bind-html 指令 对html标签转译
- angularjs中使用ng-bind-html和ng-include的实例
- angularjs中使用ng-bind-html和ng-include
- angularJS-ng-model 指令.html
- angular中的ng-bind-html指令和$sce服务
- angularJS中把html格式的字符串转成html格式显示,ng-bind-html与trustAsHtml的过滤器
- angular中的ng-bind-html指令和$sce服务
- AngularJs-ng-app -ng-model-ng-bind指令讲解和使用
- angularJS1笔记-(17)-ng-bind-html指令
- AngularJs ngApp、ngBind、ngBindHtml、ngNonBindable
- 解决AngularJS使用ng-bind-html会过滤html中style属性的问题
- angular中的ng-bind-html指令和$sce服务