example - renderizar html angularjs

Desinfección angular/ng-bind-html no funciona?

Question

Tengo un repetidor configurado y puedo hacer que los datos se muestren siempre que no haya html dentro.

He incluido angular-sanitize.js y he intentado usar ng-bind-html

Pero nada se muestra dentro del intervalo, solo dentro del atributo ng-bind-html . Así que parece que la desinfección no está funcionando,

Leí que esto debe agregarse a las dependencias de la aplicación, pero no estoy seguro de dónde hacerlo.

Acabo de trabajar a través de la guía en el sitio angular, por lo que solo tengo un controlador muy básico configurado en cada minuto.

Answer 1

1. Debe incluir el archivo angular-sanitize.js http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-sanitize.js

2. Agregue '' ngSanitize '' a las dependencias de su módulo

   var myApp = angular.module (''myApp'', [''ngSanitize'']);

3. No uses el {{}} en el atributo

   <h1 ng-bind-html = "item.title"> </h1>

4. No utilice $sce.trustAsHtml()

Answer 2

Experimenté un problema similar pero el mío era un poco raro. Solo las etiquetas de entrada no fueron renderizadas mientras que todo lo demás incluyendo

<h3></h3>
<em></em> 

hizo. Después de varias horas me di cuenta de que aparte de

angular-sanitize.min.js 

Necesitaba añadir

textAngular-sanitize.min.js

a mi proyecto antes de que las etiquetas de entrada funcionaran. Fue realmente frustrante, así que espero que esto ayude a alguien en una situación similar.

Answer 3

Mi solución a esto fue descargar el archivo js desde aquí.

http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-sanitize.js

Había estado usando el que encontré en el repositorio de git angular,

Answer 4

Mi solución fue la contraria a Seglespaan. Era para usar la versión Bower de Angular Sanitize.

bower install angular-sanitize

https://github.com/angular/bower-angular-sanitize

Answer 5

Se encontró este problema al usar una directiva y la solución no estaba usando "reemplazar" en el código.

`ng-html-bind ''estaba siendo usado en un div en la vista templateUrl

appDirectives.directive(''helpText'', [function () {
return {
    restrict: ''E'',
    //replace: true, // With this uncommented it does not work!
    scope: {
        displayText: ''=''
    },
    templateUrl: ''/web/form/helptext'',
    link: function (scope) {

    }

};
}]);