如何在 ng-repeat 中将响应中的 HTML 显示为 HTML

Question

我有 n 条来自后端的记录作为数组中的 HTML。我需要在我的视图中将 HTML 响应显示为 HTML。我试过 ng-bind-html ，但它采用了最后一个值。需要帮助。

  $scope.res=  "data": [
            {
              "jd": "<p>this jd1</p>"
            },
            {
              "jd": "<li>this jd2</li>"
            },
            {
              "jd": "<ul>this jd3</ul>"
            },
            {
              "jd": "<p>this jd4</p>"
            }
          ]
        }

Html:

 <div ng-repeat="item in res">
    <div ng-bind-html ="item.jd">
    </div>

Answer 1

您可以使用$sce.trustAsHtml。请参阅文档 here。

您可以做的是：

在你的控制器中添加这一行：

$scope.trustAsHtml = $sce.trustAsHtml;

并像这样更新您的 HTML：

<div ng-bind-html ="trustAsHtml(item.jd)">

请注意，您可能应该开始使用 Angular 6 而不是 AngularJS

如何在 ng-repeat 中将响应中的 HTML 显示为 HTML

How to display HTML from response as HTML in ng-repeat

angularjs

ng-bind-html