角度2: 如何在不向用户显示标记的情况下从 JSON 响应呈现 HTML?

编辑: 对于那些只浏览标题的人,我的问题是关于 角度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 }},但没有看到一个。

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

76434 次浏览

In Angular2 you can use property binding to access properties of DOM elements, in your case:

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