要將下列字符串作爲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>;