Estoy usando AngularJS con un servicio externo que genera respuestas html. Quiero usar ng-repeat para representar las respuestas HTML como una lista, sin embargo, Angular lo representa como texto.AngularJS - ¿Es posible usar ng-repeat para representar valores HTML?
¿Es posible usar ng-repeat para representar la propiedad HTML?
He creado este jsFiddle para demostrar mi problema. http://jsfiddle.net/DrtNc/1/
Creo que el uso de ng-bind-html-unsafe le proporcionará lo que necesita.
<div ng:repeat="item in items" ng-bind-html-unsafe="item.html"></div>
Aquí es un violín de trabajo: http://jsfiddle.net/nfreitas/aHfAp/
Documentación para la directiva se puede encontrar aquí: http://docs.angularjs.org/api/ng.directive:ngBindHtmlUnsafe
excelente, eso es es –
¿qué sucede si quisiera tener directivas personalizadas en item.html? – test30
Hace un par de años, solo quería informarle al nuevo tráfico que este método ha sido desaprobado. He aquí una buena manera de hacerlo: http : //stackoverflow.com/questions/19415394/with-ng-bind-html-unsafe-removed-how-do-i-inject-html –
item.html siempre se interpretarán como texto. tienes que convertirlo a html explícitamente. click here
He agregado una función de renderizado que convertirá cada cadena en html.
Super cool! gracias por la ayuda –
eres bienvenido :) – Kishore
mmm ... Creo que era demasiado temprano para celebrar. su solución representa el innerHTML, lo que realmente necesito es renderizar todo el HTML. ver mi actualización: http: //jsfiddle.net/DrtNc/4/ –
La forma en que he logrado esto es por NG-bind-html dentro del ng-repeat;
<div ng-repeat="comment in comments">
<div ng-bind-html="comment.content"></div>
</div>
Espero que esto ayude a alguien!
Para aquellos de ustedes que están viendo esta pregunta ahora, echen un vistazo al comentario principal en los documentos para [ngBindHtml] (http://docs.angularjs.org/api/ng.directive:ngBindHtml). Eso funcionó para mí mientras que estas respuestas no. –