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

参见英文答案 > @L_404_0@                                    18个
编辑：澄清任何只撇去标题的人,我的问题是关于Angular 2,而不是1.

我有一个组件模板,如下所示：

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

对象是这样的：

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

而不是像下面那样渲染段落：

邮政机构

它显示：

“< p>< em>帖子正文< / em>.< / p>”

由于它是如此常见的任务,我寻找像{{post.body |.}这样的内置管道安全}}但没有看到一个.

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

解决方法:

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

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