AngularJS - 是否可以使用ng-repeat来呈现HTML值?

Shl*_*rtz 17 html javascript model-view-controller web angularjs

我正在使用AngularJS与第三方服务生成HTML响应.我想使用ng-repeat将HTML响应呈现为列表,但是Angular将其呈现为文本.

是否可以使用ng-repeat来呈现HTML属性?

我已经创建了这个jsFiddle来演示我的问题. http://jsfiddle.net/DrtNc/1/

Noa*_*tas 19

我认为使用ng-bind-html-unsafe会得到你所需要的.

<div ng:repeat="item in items" ng-bind-html-unsafe="item.html"></div>
Run Code Online (Sandbox Code Playgroud)

这是一个工作小提琴:http://jsfiddle.net/nfreitas/aHfAp/

该指令的文档可以在这里找到:http://docs.angularjs.org/api/ng.directive:ngBindHtmlUnsafe

  • 这已经有几年了 - 只是想通知新流量这种方法已被弃用.这是一个很好的方法:http://stackoverflow.com/questions/19415394/with-ng-bind-html-unsafe-removed-how-do-i-inject-html (6认同)

Mat*_*ers 16

我实现这一目标的方法是在ng-repeat中使用ng-bind-html;

<div ng-repeat="comment in comments">
  <div ng-bind-html="comment.content"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

希望这有助于某人!