Manuale di riferimento AngularJS Select AngularJS (Casella di selezione)

Direttiva ng-bind-html di AngularJS

Esempio AngularJS

Associare l'innerHTML del <p> al variabile myText:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
<script src="https://cdn.staticfile.org/angular.js/1.5.0-beta.0/angular-sanitize.min.js"></script></head>
<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>
<p><b>Attenzione:</b> L'esempio contiene il file "angular-sanitize.js".</p>
Questo file rimuove il codice pericoloso dall'HTML.</p>
</body>
</html>

Testa per vedere ‹/›

Definizione e uso

ng-bind-html Le direttive vincolano il contenuto in modo sicuro agli elementi HTML.

Quando desideri che AngularJS scriva HTML nel tuo applicativo, devi verificare alcuni codici pericolosi. Aggiungendo nel tuo applicativo Il modulo "angular-sanitize.js", utilizza la funzione ngSanitize per verificare la sicurezza del codice.

Sintassi

<element ng-bind-html="espressione"></element>

Tutti gli elementi HTML supportano questa direttiva.

Valore dei parametri

Valore	Descrizione
espressione	Specificare la variabile o l'espressione da eseguire.