Angular sanitize/ng-bind-html funktioniert nicht?

Question

Ich habe einen Repeater eingerichtet und kann Daten so lange anzeigen lassen, wie kein HTML drin ist.

Ich habe angular-sanitize.js enthalten und haben versucht, ng-bind-html

Verwendung Aber nichts wird innerhalb der Spanne angezeigt, nur im ng-bind-html Attribut. So sieht es aus wie Sanitize funktioniert nicht,

Ich lese, dass dies zu den App-Abhängigkeiten hinzugefügt werden muss, bin mir aber nicht sicher, wo dies zu tun ist.

Ich habe gerade durch den Tut auf der angularen Stelle gearbeitet, also habe nur eine sehr grundlegende Steuerung, die in der Minute aufgestellt wird.

Answer 1

zu Meine Lösung war von hier

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

ich die js-Datei herunterladen hatte, die eine Verwendung von I im Winkel git Repo gefunden,

Answer 2

1. Sie enthalten müssen die angular-sanitize.js http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-sanitize.js

2. Hinzufügen 'ngSanitize 'zu Ihnen Modulabhängigkeiten

   var myApp = angular.module (' myApp‘[ 'ngSanitize']);

3. Sie nicht die {{}} im Attribut

   < h1 ng-bind-html = "item.title" > </h1 >

4. Do not Verwenden Sie $sce.trustAsHtml()

Answer 3

Meine Lösung war das Gegenteil von Seglespaan. Es war die Verwendung der Bower-Version von Angular Sanitize.

bower install angular-sanitize 

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

Answer 4

ich ein ähnliches Problem aufgetreten ist, aber ich war ein wenig seltsam. Nur die Eingabe-Tags wurden nicht gerendert, während alles andere einschließlich tat. i Nach einigen Stunden klar, dass abgesehen von

angular-sanitize.min.js 

I

textAngular-sanitize.min.js 

mein Projekt hinzuzufügen benötigen, bevor der Eingang-Tags gearbeitet.Es war wirklich frustrierend, also hoffe ich, dass dies jedem in einer ähnlichen Situation hilft.

Answer 5

Dieses Problem trat auf, wenn eine Direktive verwendet wurde und die Lösung nicht "replace" im Code verwendete.

`ng-html-bind‘ wurde auf einem div in der Ansicht templateUrl verwendeten

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) { 

    } 

}; 
}]);