当前位置: 首页 > 面试题库 >

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

傅俊德
2023-03-14
问题内容

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

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

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


问题答案:

我认为使用ng-bind-html-unsafe可以满足您的需求。

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

这是一个有效的小提琴:http :
//jsfiddle.net/nfreitas/aHfAp/

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



 类似资料:
  • 问题内容: 我正在尝试将$ sce.trustAsHtml()与ng- repeat中的对象属性一起使用。结果是HTML完全空白。不过,使用ngSanitize可以正确输出HTML。 顺便说一下,我正在使用AngularJS v1.3.0-beta.3。不知道是否有错误或我做错了什么。 问题答案: 您不能在表达式中使用(除非是的属性),因为表达式是在的上下文中求值的。 最干净的方法是使用。 第二种

  • 问题内容: 如何呈现以下选项列表的值? 预期结果(预期为value =“ limit.value”: 结果: 问题答案: 该指令未在元素上设置属性。它始终使用序列。 使用方式: 将的标签设置为 将值保存到选择的 检查此小提琴:http : //jsfiddle.net/bmleite/k58Hw/

  • 问题内容: 我目前正在使用这段代码来呈现列表: 但是,该元素在某些浏览器上引起一些非常小的渲染缺陷。我想知道是否可以在没有div容器的情况下执行ng- repeat,或者通过其他方法来达到相同的效果。 问题答案: 正如Andy Joslin所说,他们正在研究基于注释的ng- repeats,但显然存在太多浏览器问题。幸运的是,AngularJS 1.2添加了对重复的内置支持,而无需使用新的指令和添

  • 问题内容: 我在使用AngularJS ng-repeat时遇到了一些麻烦。这是我所拥有的: modal.data.answer数组将始终包含六个元素。我可以使用ng-repeat为其创建HTML并让它甚至重复数组中的[x]个数字,并让“ selected =”的第一行中的数字从3递增到8吗? 就我所知,我可以使用,但如何将t的值转化为类似的东西: 问题答案: 您的编辑以正确的方式进行,您可以轻松

  • 如何呈现以下选项列表的值? 预期结果(预期值="limit.value": 结果:

  • 问题内容: 使用AngularJS,我需要使用选择器将HTML附加到ng-repeat元素:’objectMapParent-‘+ post._id 所以我创建了一个循环以遍历posts数组的元素的循环,对于每个元素,我在其中调用函数:createElement 该回调函数获得一个选择器elementParent,该选择器用于在DOM中查找节点,然后附加所需的HTML 但是有些事情行不通,就我而言