AngularJS - Est-il possible d'utiliser ng-repeat pour rendre le code HTML de valeurs?

Je suis en utilisant AngularJS avec un service tiers qui génère du code html de réponses. Je veux utiliser ng-repeat pour afficher le code HTML réponses sous forme de liste, cependant Angulaire affiche en tant que texte.

Est-il possible d'utiliser ng-repeat pour rendre le code HTML de la propriété?

J'ai créé ce jsFiddle montrer mon problème.
http://jsfiddle.net/DrtNc/1/

  • Pour ceux d'entre vous lisez cette question maintenant, découvrez le top commentaire sur la doc de ngBindHtml. Ce qui a fonctionné pour moi pendant que ces réponses n'ont pas.
InformationsquelleAutor Shlomi Schwartz | 2012-07-10
  1. 19

    Je pense que l'utilisation ng-bind-html-unsafe vous obtiendrez ce dont vous avez besoin.

    <div ng:repeat="item in items" ng-bind-html-unsafe="item.html"></div>

    Voici un travail de violon: http://jsfiddle.net/nfreitas/aHfAp/

    Documentation de la directive peut être trouvé ici: http://docs.angularjs.org/api/ng.directive:ngBindHtmlUnsafe

    • excellent, qu'est-ce
    • que faire si je voudrais avoir des directives sur mesure utilisée dans item.html?
    • C'est un couple de ans -- voulais juste informer des nouvelles de la circulation que cette méthode a été abandonnée. Voici une bonne façon de le faire: stackoverflow.com/questions/19415394/...
    • Obsolète, utilisez Matt Saunders réponse ci-dessous
    InformationsquelleAutor Noah Freitas
  2. 16

    La façon dont j'ai obtenu c'est par ng-bind-html à l'intérieur de la ng-repeat;

    <div ng-repeat="comment in comments">
  <div ng-bind-html="comment.content"></div>
</div>

    Espère que cela aide quelqu'un!

    InformationsquelleAutor Matt Saunders
  3. 2

    item.html sera toujours interprété comme du texte. vous devez le convertir au format html explicitement. cliquez ici

    J'ai ajouté un rendu qui permet de convertir chaque chaîne de caractères au format html.

    • Super cool! merci pour l'aide
    • vous êtes les bienvenus 🙂
    • mmm ... je pense qu'il était trop tôt pour célébrer. votre solution rend le innerHTML, ce que j'ai vraiment besoin de faire est de rendre l'ensemble du HTML. voir ma mise à jour :jsfiddle.net/DrtNc/4
    • Ne fonctionne pas 🙁
    • cela ne fonctionne pas avec les balises imbriquées ou si vous avez une partie du texte de l'tags
    InformationsquelleAutor Kishore