Angularjs instrukcje ng-bind-html
Instrukcja angularjs referencyjny
angularjs przykłady
InnerHTML wiążą <p> w zmiennej 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 ($ zakres) {
$ Scope.myText = "Nazywam się: <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 ($ zakres) {
$ Scope.myText = "Nazywam się: <h1> John Doe </ h1>";
});
</ Script>
Spróbuj »
Definicja i Wykorzystanie
Instrukcjang-bind-html jest przez bezpieczny sposób do wiązania zawartości do elementów HTML.
Angularjs HTML, gdy chcesz napisać w aplikacji, trzeba wykryć niebezpieczny kod. Wprowadzając "skośnych santize.js" moduł w aplikacji, należy użyć funkcji ngSanitize wykryć kod zabezpieczający. w aplikacji można to zrobić poprzez uruchomienie kodu HTML poprzez funkcję ngSanitize.
gramatyka
<Element ng-bind-html = "ekspresja"> </ element>
Wszystkie elementy HTML obsługuje instrukcji.
parametr Wartość
wartość | opis |
---|---|
wyrażenie | Określa, że zmienna lub wyrażenie które mają być wykonane. |