AngularJS instructions ng-bind-html
AngularJS exemples
InnerHTML bind <p> dans le myText variables:
<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-contrôleur" = "myCtrl">
<P ng-bind-html = "myText"> </ p>
</ Div>
<Script>
var app = angular.module ( "myApp", [ 'ngSanitize']);
app.controller ( "myCtrl", function ($ portée) {
$ Scope.myText = "Mon nom est: <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-contrôleur" = "myCtrl">
<P ng-bind-html = "myText"> </ p>
</ Div>
<Script>
var app = angular.module ( "myApp", [ 'ngSanitize']);
app.controller ( "myCtrl", function ($ portée) {
$ Scope.myText = "Mon nom est: <h1> John Doe </ h1>";
});
</ Script>
Essayez »
Définition et utilisation
instructionng-bind-html est par un moyen sûr de lier le contenu à des éléments HTML.
AngularJS HTML lorsque vous voulez écrire dans votre application, vous devez détecter les codes dangereux. En introduisant le module "angulaires-santize.js" dans l'application, utilisez la fonction ngSanitize pour détecter le code de sécurité. dans votre application, vous pouvez le faire en exécutant le code HTML grâce à la fonction ngSanitize.
grammaire
<Element ng-bind-html = "expression"> </ element>
Tous les éléments HTML prennent en charge l'instruction.
Paramètre Valeur
valeur | description |
---|---|
expression | Spécifie qu'une variable ou une expression à exécuter. |