代码之家 › 专栏 › 技术社区 › Nicoleta Wilskon

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

ng-bind-html angularjs

1

Nicoleta Wilskon · 技术社区 · 8 年前

在数组中,有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>

1 回复 | 直到 8 年前

1

3

mrb 8 年前

在控制器中添加此行:


   .



在控制器中添加此行:

$scope.trustAsHtml = $sce.trustAsHtml;




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