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

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

ng-bind-html angularjs

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 年前

mrb 8 年前

在控制器中添加此行:


   .



在控制器中添加此行:

$scope.trustAsHtml = $sce.trustAsHtml;




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

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

4 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

4 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

4 年前

jieunbi · 按日期排序数组(最新优先)

4 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

4 年前

Stradosphere · 如何防止ng bind html添加结束标记?

8 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

8 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

8 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

8 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

8 年前