La directiva ng-bind-html se utiliza para vincular el HTML interno de un elemento HTML a los datos de la aplicación y eliminar el código peligroso de la string HTML. El servicio $sanitize es imprescindible para la directiva ng-bind-html . Es compatible con todos los elementos HTML.
Sintaxis:
<element ng-bind-html="expression"> Contents... </element>
Acercarse:
- Inicializar las bibliotecas que estamos usando. Aquí, usamos principalmente la biblioteca angular-sanitize.js.
- Crear aplicación y su ámbito de controlador.
- Defina la variable del controlador.
- Llame a la aplicación y al controlador al cuerpo de html.
- Dentro del cuerpo, use la etiqueta span y use el atributo ng-bind-html y asigne el valor como la variable de alcance.
Ejemplo:
<html> <head> <meta charset="utf-8"> </head> <body ng-app="myApp" ng-controller="myCtrl"> <span ng-bind-html="message"></span> <script src= "https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.9/angular.min.js" charset="utf-8"> </script> <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js" charset="utf-8"> </script> <script type="text/javascript"> var app=angular.module('myApp',['ngSanitize']); app.controller('myCtrl',function($scope){ $scope.message = '<h1>GeeksforGeeks</h1>'; }); </script> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por adarshunni3 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA