AngularJS使用ng-bind-html会过滤html中style属性的问题
来源:互联网 发布:js控制input失去焦点 编辑:程序博客网 时间:2024/05/01 13:02
要将下列字符串作为html进行显示
字典导入开始</br></br>正在处理机构字典:肇庆市政府</br>即将覆盖已存在的同名字典</br>关联人物字典:赖泽华将会被提交到数据库</br>关联人物字典:刘惠祥将会被提交到数据库</br><span style='color:red'>关联人物字典:陈定坤失败</span></span></br><span style='color:red'>关联人物字典:李天失败</span></span></br>
在模板中直接使用,
<div ng-bind-html="object[field.key]"></div>
style和会被忽略,看到在其它地方有前辈用
<div ng-bind-html="myHTML(dictImportMessage)"></div>
正常显示了,但是我用ng-bind-html=”myHTML(object[field.key])”什么都没显示,暂时还不知道为什么。于是找度娘,找到以下解决办法:
1、导入angular-sanitize.js
2、将其作为一个过滤器:
angular.module('myApp') .filter('to_trusted', ['$sce', function($sce){ return function(text) { return $sce.trustAsHtml(text); }; }]);
3、
<div ng-bind-html="object[field.key]| to_trusted"></div>
然后显示就正常了。
还有一种方法,没有试
1.导入angular-sanitize.js
2.在你app中报刊需要依赖的模块,如下:
var app = angular.module('myApp', ['ngSanitize']);
3.
<p ng-bind-html=”msg”></p>;
阅读全文
0 0
- 解决AngularJS使用ng-bind-html会过滤html中style属性的问题
- 解决AngularJS使用ng-bind-html会过滤html中style属性的问题
- AngularJS使用ng-bind-html会过滤html中style属性的问题
- angularjs中ng-bind-html使用问题
- ng-bind-html 的使用
- AngularJS 2 中如何实现ng-bind-html
- AngularJS 2 中如何实现ng-bind-html
- angularJS中把html格式的字符串转成html格式显示,ng-bind-html与trustAsHtml的过滤器
- ng-bind-html和.$compile的使用
- angularJS 中html 标签绑定样式,ng-class的使用
- AngularJs ng-bind-html指令整理
- ng-bind-html的作用
- angularjs ng-bind-html 指令 对html标签转译
- angularjs使用ng-repeat不用包含在html元素中
- angularjs使用ng-switch不用包含在html元素中
- ng-bind-html指令
- ionic ng-bind-html
- ionic ng-bind-html
- 数据库—数据库管理
- 文件加密解密问题
- Android知识体系梳理笔记五:Kotlin学习笔记二:空安全,操作符,Lambad表达式...
- SpringBoot模块对应的包
- Android -- 固定在ScrollView顶部的View
- AngularJS使用ng-bind-html会过滤html中style属性的问题
- 02-伪类和伪元素
- python 用已登录的cookie发送请求
- Mariadb简单(主从)复制、
- 上传文件,拆分,输入流
- 排序(对对象进行排序)二
- Oracle年月日时分秒要与年月日做判断是否是同一天
- JDBC事务处理、连接池及升级替代产品
- 《Java编程思想》CRG-基类用子类代替其泛型参数