Angular2：如何在angular2数据绑定中以html格式显示数据？

Question

我有来自数据库的产品数据包含标题，描述...... 描述采用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过滤器。

Answer 1

您可以绑定到innerHTML：

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