AngularJS使用ng-bind-html會過濾html中style屬性的問題

要將下列字符串作爲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>;
發佈了52 篇原創文章 · 獲贊 14 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章