使用html标记渲染数据（渲染它们）

Question

我正在从数据库中读取一些内容包含html标签的数据，例如我们<p></p>

示例：

<div *ngFor="let data of pageData">
 <h3>{{ data.title}}</h3>

 <div class="content">
   {{ data.content}}
 </div>

</div>

问题是data.content的内容是：

<p>Here is some text</p>

页面也显示<p></p>。

我不希望<p>显示该节目，但要呈现为html。

我该怎么做？

Answer 1

也许你可以绑定到innerHtml属性

<div class="content" [innerHTML]="data.content"></div>