Angular 2:如何从 JSON 响应渲染 HTML,而不向用户显示标签? [复制]

2024-01-19

Edit:对那些只浏览了标题的人进行澄清,我的问题是角2, not 1.


我有一个类似这样的组件模板:

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

该对象类似于:

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

而不是将段落呈现为:

The 帖子正文

它显示:

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

由于这是一项常见的任务,因此我寻找了一个内置管道,例如{{ post.body | safe }}但没有看到一个。

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


在 Angular2 中你可以使用属性绑定 https://angular.io/docs/ts/latest/guide/template-syntax.html#!#property-binding访问 DOM 元素的属性,在您的情况下:

<div [innerHTML]="post.body"></div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2:如何从 JSON 响应渲染 HTML,而不向用户显示标签? [复制] 的相关文章

随机推荐