使用html标记渲染数据(渲染它们)

时间:2018-06-07 20:11:37

标签: angular typescript angular6

我正在从数据库中读取一些内容包含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。

我该怎么做?

1 个答案:

答案 0 :(得分:2)

也许你可以绑定到innerHtml属性

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