Instrucción ng-bind-html de AngularJS

Manual de referencia AngularJS

Definición y uso

ng-bind-html Las directivas son un método seguro para vincular contenido a elementos HTML.

Cuando permite que AngularJS escriba HTML en su aplicación, debe verificar si hay código peligroso en el HTML. Al incluir el módulo "angular-sanitize.js" en la aplicación, puede ejecutar el código HTML mediante la función ngSanitize para realizar la verificación.

Ejemplo

Vincule el innerHTML del elemento <p> a la variable myText:

<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
    <p ng-bind-html="myText"></p>
</div>
<script>
var app = angular.module("myApp", ['ngSanitize']);
app.controller("myCtrl", function($scope) {
    $scope.myText = "Mi nombre es: <h1>Bill Gates</h1>";
});
</script>

Prueba por tu cuenta

Sintaxis

<elemento ng-bind-html="expresión</elemento>

Todos los elementos HTML admiten.

Parámetros

Parámetros Descripción
expresión Especifique la variable o expresión a calcular.

Manual de referencia AngularJS