Angular 2：如何从JSON响应呈现HTML而不向用户显示标签？

编辑：澄清任何人只是撇去标题，我的问题是关于angular2 ，而不是1。

---

我有一个这样的组件模板：

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

该对象是这样的：

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

而不是像这样渲染段落：

post正文

它显示：

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

由于这是一个常见的任务，我寻找了一个像{{ post.body | safe }} {{ post.body | safe }}但没有看到一个。

有一个简单的方法来得到这个工作？ 有没有一种安全的方式来得到这个工作？

Answer 1

在Angular2中，你可以使用属性绑定来访问DOM元素的属性，在你的情况下：

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