AngularJS ng-bind-html Anweisungen
AngularJS Beispiele
Innerhtml - bind <p> innerhalb der variablen myText:
<Script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
<Script src = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.js"> </ script>
<Body>
<Div ng-app = "myApp " ng-Controller = "myCtrl">
<P ng-bind-html = "myText"> </ p>
</ Div>
<Script>
var app = angular.module ( "myApp", [ 'ngSanitize']);
app.controller ( "myCtrl", function ($ scope) {
$ Scope.myText = "Mein Name ist: <h1> John Doe </ h1>";
});
</ Script>
<Script src = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.js"> </ script>
<Body>
<Div ng-app = "myApp " ng-Controller = "myCtrl">
<P ng-bind-html = "myText"> </ p>
</ Div>
<Script>
var app = angular.module ( "myApp", [ 'ngSanitize']);
app.controller ( "myCtrl", function ($ scope) {
$ Scope.myText = "Mein Name ist: <h1> John Doe </ h1>";
});
</ Script>
Versuchen »
Definition und Verwendung
ng-bind-html - Befehl ist durch einen sicheren Weg , um Inhalte in HTML - Elemente zu binden.
AngularJS HTML, wenn Sie in Ihrer Anwendung schreiben möchten, müssen Sie gefährlichen Code zu erkennen. Durch die Einführung der "Winkel santize.js" Modul in der Anwendung verwenden ngSanitize Sicherheitscode-Funktion zu erkennen. in Ihrer Anwendung können Sie tun, indem Sie den HTML-Code durch die ngSanitize Funktion ausgeführt wird.
Grammatik
<Element ng-bind-html = "Ausdruck"> </ element>
Alle HTML-Elemente unterstützen die Anweisung.
Parameter Wert
Wert | Beschreibung |
---|---|
Ausdruck | Gibt an, daß eine Variable oder ein Ausdruck ausgeführt werden. |