Angular sanitize/ng-bind-html無法正常工作？

Question

我有一箇中繼器設置，並可以獲取數據顯示，只要沒有它的HTML。

我已經包括angular-sanitize.js和使用ng-bind-html

曾嘗試但沒有什麼是跨度內顯示，僅在ng-bind-html屬性。所以它看起來像消毒不工作，

我讀到，這需要添加到應用程序的依賴關係，但不知道在哪裏這樣做。

我剛剛通過角度網站上的tut，所以只有一個非常基本的控制器設置在一分鐘。

Answer 1

我對這個解決方案是從這裏

http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-sanitize.js

下載js文件使用一個我的角度混帳回購發現我已經去過，

Answer 2

1. 您需要包括角度 - sanitize.js http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-sanitize.js

2. 添加'ngSanitize '給你模塊依賴

   VAR對myApp = angular.module（' 對myApp」，[ 'ngSanitize']）;

3. 不要在屬性

   < H1納克綁定-HTML = 「item.title」 > </H1 >

4. 不使用{{}}使用$sce.trustAsHtml()

Answer 3

我的解決方案與Seglespaan相反。它是使用Angular Sanitize的Bower版本。

bower install angular-sanitize 

https://github.com/angular/bower-angular-sanitize

Answer 4

我遇到了類似的問題，但我的是一個有點怪異。只有輸入標籤未呈現，其他所有內容包括

<h3></h3> 
<em></em> 

確實。幾個小時後，我意識到，除了

angular-sanitize.min.js 

我需要

textAngular-sanitize.min.js 

添加到我的項目輸入標籤工作過。這真的令人沮喪，所以我希望這可以幫助任何人在類似的情況

Answer 5

當使用指令和解決方案沒有使用代碼中的「替換」時遇到此問題。

'NG-HTML綁定正在對在templateUrl視圖一個div

appDirectives.directive('helpText', [function() { 
return { 
    restrict: 'E', 
    //replace: true, // With this uncommented it does not work! 
    scope: { 
     displayText: '=' 
    }, 
    templateUrl: '/web/form/helptext', 
    link: function (scope) { 

    } 

}; 
}]);