Esempio
Associare il innerHTML dell'elemento <p> al myText variabili:
<script
src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script
src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.2/angular-sanitize.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 = "My name is:
<h1>John Doe</h1>";
});
</script> Prova tu stesso " Definizione e utilizzo
Il ng-bind-html direttiva è un modo sicuro di legare il contenuto di un elemento HTML.
Quando si sta lasciando AngularJS scrivere HTML nella propria applicazione, si dovrebbe verificare il codice HTML per il codice pericoloso. Includendo il modulo "angolare santize.js" nella vostra applicazione è possibile farlo eseguendo il codice HTML tramite la funzione ngSanitize.
Sintassi
< element ng-bind-html=" expression "></ element >Supportato da tutti gli elementi HTML.
valori dei parametri
| Value | Description |
|---|---|
| expression | Specifies a variable, or an expression to evaluate. |