Angular2：如何在 Angular2 数据绑定中以 html 格式显示数据？ [复制]答案

【问题标题】：Angular2: How to display data in html format in angular2 data binding? [duplicate]Angular2：如何在 Angular2 数据绑定中以 html 格式显示数据？ [复制]
【发布时间】：2016-05-01 01:32:45
【问题描述】：

我有来自数据库的产品数据包含标题、描述... 描述是html格式的字符串，像这样：

<b>Name:</b> iPhone 5;<br>
<b>Membery:</b> 8GB;<br>
<b>Condition:</b> Brand new;<br />

如果应该这样显示：

名称： iPhone 5；

内存： 8GB；

状况：全新

但是当我在 Angular2 中使用数据绑定时：{{product.description}}，它会像纯文本一样显示：

<b>Name:</b> iPhone 5; <br /><b>Memory:</b> 8GB;<br /><b>Condition:</b> Brand new;<br />

我应该如何正确显示为 html ？没有用于绑定的 html 过滤器。

【问题讨论】：

标签： angular

【解决方案1】：

你可以绑定到innerHTML:

<div [innerHTML]="product.description"></div>

【讨论】：