Angular 2:如何在不向用户显示标签的情况下从JSON响应中呈现HTML？

Question

编辑:澄清任何只撇去标题的人,我的问题是关于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 }}但没有看到一个.

是否有一种简单的方法可以实现这一目标？是否有一种安全的方法来实现这一目标？

Answer 1

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

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