Directive AngularJS NG-Bind-HTML
Instance angularjs
Lier innerhtml dans <p> à la variable MyText:
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <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 = "Mytex angular.module ("myApp", ['ngsanitize']); app.Controller ("myctrl", fonction ($ scope) {$ scope.mytext = "mon nom est: <h1> John Doe </h1>";}); </cript> <p> <b> note: </b> Dangement contient le "Angular-SanitIze.js" en html. </p> </ body> </html>Résultats en cours:
mon nom est:
John Doe
Remarque: Cette instance contient le fichier "angular-sanitize.js", qui supprime le code dangereux de HTML.
Définition et utilisation
La directive NG-Bind-HTML est un moyen sûr de lier le contenu aux éléments HTML.
Lorsque vous voulez que AngularJS écrit du HTML dans votre application, vous devez détecter un code dangereux. En introduisant le module "angular-santize.js" dans votre application, la fonction ngsanitize est utilisée pour détecter la sécurité du code. Dans votre application, vous pouvez le faire en exécutant le code HTML via la fonction NGSanitize.
grammaire
<élément ng-bind-html = "expression"> </element>
Tous les éléments HTML prennent en charge cette directive.
Valeur du paramètre
| valeur | décrire |
|---|---|
| Expression | Spécifie la variable ou l'expression à exécuter. |
Ce qui précède est une introduction détaillée à l'exemple d'instructions AngularJS ng-bind-html. Les amis qui en ont besoin peuvent y faire référence.