AngularJS NG-Bind-HTML Directiva
Instancia de angularjs
Atar innerHtml dentro de <p> a la variable mytext:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <scry 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 angular.module ("myApp", ['ngsanitize']); app.controller ("myctrl", function ($ scope) {$ scope.mytext = "Mi nombre es: <h1> John doe </h1>";}); </script> <p> <b> nota: </b> Esta instancia contiene la "sananja angular. en html. </p> </body> </html>Resultados de ejecución:
mi nombre es:
John Doe
NOTA: Esta instancia contiene el archivo "Angular-sanitize.js", que elimina el código peligroso de HTML.
Definición y uso
La directiva NG-Bind-HTML es una forma segura de unir contenido a los elementos HTML.
Cuando desea que AngularJS escriba HTML en su aplicación, debe detectar algún código peligroso. Al introducir el módulo "Angular-Santize.js" en su aplicación, la función NGSanitize se utiliza para detectar la seguridad del código. En su aplicación, puede hacerlo ejecutando el código HTML a través de la función NGSanitize.
gramática
<elemento ng-bind-html = "expresión"> </elemento>
Todos los elementos HTML admiten esta directiva.
Valor de parámetro
| valor | describir |
|---|---|
| Expresión | Especifica la variable o expresión que se ejecutará. |
Lo anterior es una introducción detallada al ejemplo de instrucción AngularJS NG-Bind-HTML. Los amigos que lo necesitan pueden referirse a él.