解决angularjs 使用 ng-repeat 循环输出时html元素无法解析的问题

xiaoxiao2021-02-27  193

今天在做项目的时候遇到一个奇葩的问题,JSON 数据中存在html 标签, 讲道理的话,使用ng-repeat 输出后 浏览器会帮我们把标签给解析了,但是实际上并没有!  why?

上网搜了一下类似问题, 说是可以用ng-bind-html + $sce.trustAsHtml 解决。 然而ng-bind-html 只能处理一组数据, 我即想输出多组数据又想把HTML 解析问题给解决了,怎么办?

有些时候写代码需要经验,有些时候需要智慧,但我觉得很多时候考的是灵感,比如说, 上面这个问题, ng-repeat + ng-bind-html 完美解决问题。

不多BB, 直接上关键代码

html:

<div ng-repeat="x in dataset"> <div ng-bind-html="convert(x)"> <!-- This is the conent --> </div> </div>

js:

$scope.convert = function(n){ return $sce.trustAsHtml(n); } 关键思路就是循环输出的时候调用convert方法 ,这样就能结局html 元素无法解析的问题了

转载请注明原文地址: https://www.6miu.com/read-10620.html

最新回复(0)