javascript - 如何处理Json发送的html代码?

标签 javascript angularjs json

我有来自 json 的数据,它是 html 代码,我如何像 html 一样打印它,因为它似乎只将其打印为字符串:

   "content": "Más pruebas\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003e\n\u003ca href=\"https://2.bp.blogspot.com/-CK43Mn516s4/WEmWGS9eoaI/AAAAAAAASg0/k4213387TNA0XInyTNgqaqEn4YYanzCZgCLcB/s1600/Monsters-Inc-Concept-Art.jpg\" imageanchor=\"1\" style=\"clear: left; float: left; margin-bottom: 1em; margin-right: 1em;\"\u003e\u003cimg border=\"0\" height=\"174\" src=\"https://2.bp.blogspot.com/-CK43Mn516s4/WEmWGS9eoaI/AAAAAAAASg0/k4213387TNA0XInyTNgqaqEn4YYanzCZgCLcB/s200/Monsters-Inc-Concept-Art.jpg\" width=\"200\" /\u003e\u003c/a\u003e\u003c/div\u003e\n\u003ca href=\"http://google.com/\"\u003eGoogle\u003c/a\u003e",

我正在使用 angularjs 1.x

谢谢大家!

最佳答案

当您从数据源接收 HTML 代码时,您应该使用 $sce 服务来转义它。使用

$sce.trustAsHtml(data)

这里有一个 plunker 来演示您的数据,然后将字符串显示为 HTML:

https://plnkr.co/edit/LXLHhXCJ4zEZhFJSeT5W?p=preview

关于javascript - 如何处理Json发送的html代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41048576/

相关文章:

java - 更改现有应用程序的 admob id

javascript - AJAX - 向用户显示连接的当前状态

javascript - 表格没有列 - Google Charts - PHP AJAX

AngularJs:替换字符串的一部分

javascript - 如果我从文件中读取 JSON 数组,那么我会取出旧的未更改的数组

javascript - 如何使用 AJAX 在 HTML 表中显示带有数字键的 JSON 值

javascript - Laravel 5.3 中的脚本文件包含

javascript - 组件挂载时将 redux 状态移植到组件状态(不需要 GET 请求)

javascript - $http 同步调用其他文件中的其他 $http

javascript - AngularJS $resource 将整个对象编码为 URL