AngularJS String-Variable auf HTML-Element sanieren mit

Question

AngularJS Code:

$scope.checking="<div style="color:red;">check</div>"; 

HTML-Code:

<p ng-bind-html="checking"></p> 

so verwendet i $ sanieren für diese ein und ng-bind-html-Richtlinie die bekommen Job erledigt.

So das Ergebnis in HTML-Seite ist:

check 

und die oben in der roten Farbe

i die Ausgabe bekam aber die Zeichenfolge kommen sollte 'Check' in rot kommt nicht! Das Style-Tag wird ignoriert! wie kann ich es tun? verwende ich interpolieren?

Jeder Weg, es zu tun? Hoffentlich ist es einfach ... AngularJS Experten helfen bitte!

Answer 1

$sanitize Desinfiziert eine HTML-Zeichenfolge, indem alle potenziell gefährlichen Token entfernt werden.

tun So $sce Service-Methode verwenden, um es html mit trustAsHtml Methode zu machen vertraut.

$scope.checking= $sce.trustAsHtml("<div style="color:red;">check</div>");