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

問題:

<pre>使用ng-bind-html原有的style樣式代碼全部未渲染。

解決:

使用$sce.trustAsHtml();

angularjs綁定的數據都會默認以文本的形式輸出,並不會去識別html標籤,這樣做主要是爲了防止html標籤中的注入攻擊,提高了安全性。

app.filter('trustHtml', ['$sce',function ($sce) {
	return function (input) {
		return $sce.trustAsHtml(input);
	};
}]);
//使用
<pre ng-bind-html="data | trustHtml"></pre>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章