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>