【AngularJs】---$sce 輸出Html

【問題描述】

angular js的強大之處之一就是他的數據雙向綁定功能----->ng-bind和針對form的ng-model

但在我們的項目當中會遇到這樣的情況，后台返回的數據中帶有各種各樣的html標簽

angularJs輸出html的時候，瀏覽器並不解析這些html標簽

我們用ng-bind-html這樣的指令來綁定，瀏覽器中顯示的還是html代碼

【解決辦法---$sce】

通過使用$ sce.trustAsHtml()。該方法將值轉換為特權所接受並能安全地使用“ng-bind-html”

咱們還可以這樣用，把它封裝成一個過濾器就可以在模板上隨時調用了

filter code:

app.filter('to_trusted', ['$sce', function ($sce) {
　　return function (text) {
    　　return $sce.trustAsHtml(text);
　　};
}]);

html code:

<p ng-bind-html="currentWork.description | to_trusted"></p>