javascript - Angular 2 : How do you render HTML fr

这个问题在这里已经有了答案:
关闭5年前

编辑:澄清一下,我的问题是关于 Angular 2,而不是 1。


我有一个类似这样的组件模板:

<div>{{ post.body }}</div>

对象是这样的:

{
    "title": "Some Title",
    "body": "<p>The <em>post body</em>.</p>"
}

而不是像这样渲染段落:

帖子正文

它显示:

"<p>The <em>post body</em>.</p>"

由于这是一项常见的任务,我寻找了一个内置管道,如 {{ post.body | safe }}但没有看到。

有没有一种简单的方法可以让它发挥作用?有没有一种安全的方法可以让它发挥作用?

最佳答案

在 Angular2 中,您可以使用 property binding在您的情况下访问 DOM 元素的属性:

<div [innerHTML]="post.body"></div>

关于javascript - Angular 2 : How do you render HTML from a JSON response without displaying the tags to the user?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34936027/

相关文章:

json - JSON中的反序列化和序列化是什么?

.net - 您的项目未引用 ".NETFramework,Version=v4.5"框架。

c# - 如何在asp.net mvc中展平通过JsonResult返回的ExpandoObject

json - 如何在屏幕上显示 JSON 表示而不是 [Object Object]

javascript - 在 JSON 中,为什么要引用每个名称?

c# - 从 .NET 控制台调用 JSON WebService 的最佳方式

python - JSON中的单引号和双引号

python - 如何从 Python 中的文件/流中懒惰地读取多个 JSON 值?

javascript - JSON.parse 与 eval()

mysql - MYSQL 5.7 中的原生 JSON 支持 : what are the pros