javascript - 作为对象值发送的 HTML 字符串不会在客户端上呈现

Question

希望大家能帮忙...

我正在发送一个对象值，例如

{"message": "< img src='aaaa' />"}来 self 的节点 API至AngularJS .

在我的客户端，我只想调用 {{message}}显示渲染的img属性。不幸的是，它呈现 < img src= 'aaaa' /> .

我相信由于对象值是一个字符串，因此它将整体呈现为一个字符串 - < img src= 'aaaa' >

如何克服这种情况？任何帮助将不胜感激。

Answer 1

您可以使用 ngSanitize 呈现从服务器获取的 HTML。它基本上会在 UI 中渲染 HTML 之前对其进行清理(确定其在 UI 中渲染的安全​​性)。

在脚本中包含 angular-sanitize.js

<div ng-bind-html="msg.message"></div> 

并包含 ngSanitize 作为模块依赖项。

Plunker