javascript – Angular 2:如何从JSON响应中呈现HTML而不向用户显示标签?

编辑:任何人谁只撇去标题的澄清,我的问题是关于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>
http://stackoverflow.com/questions/34936027/angular-2-how-do-you-render-html-from-a-json-response-without-displaying-the-ta

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – Angular 2:如何从JSON响应中呈现HTML而不向用户显示标签?