NG-HTML綁定遺漏風格標籤

Question

我有這樣

<p ng-bind-html="decodeText(item.description)"></p> 

與decodeText

$scope.decodeText = function (data) { 
    return data 
} 

但是一個NG綁定，呈現在下列JSON失去樣式屬性style="color:#ff0000;"

[{"title":"I am here","date_received":"Feb 28, 2014","description":"<p>EE)\u00a0 <span style=\"color:#ff0000;\"> accepted<\/span><\/p>\n<p>HH)\u00a0 <span style=\"color:#ff0000;\">I am\nhere; <\/span><strong>\u00a0<\/strong><\/p>"} 

這是什麼原因造成的？

Answer 1

ng-bind-html和$sce.trustAsHtml總是一起用於顯示平面HTML。

看來你錯過了代碼中的$sce部分。

試試這個：

$scope.decodeText = function (data) { 
    return $sce.trustAsHtml(data); 
}