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

标签 javascript html angularjs

希望大家能帮忙...

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

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

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

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

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

最佳答案

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

在脚本中包含 angular-sanitize.js

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

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

Plunker

关于javascript - 作为对象值发送的 HTML 字符串不会在客户端上呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40098943/

相关文章:

Javascript getElementById 基于使用固定名称和输入数字形成的 ID

javascript - 在指令模板中使用 Angular 形式

javascript - 如何检查特定元素的 DOM 并创建新的 Vue 实例?

javascript - 如何清除导致错误的搜索参数?

html - ng-bind-html 指令在呈现时删除样式属性

javascript - 在 HTML5 中播放音频时的动画

javascript - AngularJS-咕噜声 : Does a solution exist to build a running application with only desired modules

javascript - 如何使用 $location.search 转到上一页?

javascript - 无法在 material-ui Button 组件中读取 null 的属性(读取 'pulsate')

html - 如何同时在框上悬停和过渡?只使用 css 和 html