AngularJS Ng-Bind-HTML-Richtlinie
AngularJS -Instanz
Binden Sie Innerhtml innerhalb <p> an den variablen Mytext:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <script> <script src = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitiz.min.js"> </script> <body> <divnng-App = "MyApp" ng-controller = "myctrl"> <p ngng-appl. Angular.module ("MyApp", ['ngSanit']); App.Controller ("myctrl", Funktion ($ scope) {$ scope.myText = "Mein Name ist: <h1> John Doe </h1>";}); Code in HTML. </p> </body> </html>Auslaufergebnisse:
ich heiße:
John Doe
Hinweis: Diese Instanz enthält die Datei "Angular-sanitiz.js", die einen gefährlichen Code von HTML entfernt.
Definition und Verwendung
Die NG-Bind-HTML-Richtlinie ist eine sichere Möglichkeit, Inhalte an HTML-Elemente zu binden.
Wenn Sie möchten, dass AngularJs HTML in Ihre Anwendung schreiben, müssen Sie einen gefährlichen Code erkennen. Durch die Einführung des Moduls "Angular-Santize.js" in Ihre Anwendung wird die NGSanitize-Funktion verwendet, um die Sicherheit des Codes zu erkennen. In Ihrer Anwendung können Sie dies tun, indem Sie den HTML -Code über die NGSanitize -Funktion ausführen.
Grammatik
<Element ng-bind-html = "expression"> </element>
Alle HTML -Elemente unterstützen diese Richtlinie.
Parameterwert
| Wert | beschreiben |
|---|---|
| Ausdruck | Gibt die Variable oder den Ausdruck an. |
Das obige ist eine detaillierte Einführung in das AngularJS NG-Bind-HTML-Anweisungsbeispiel. Freunde, die es brauchen, können sich darauf beziehen.