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