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

Rendering data with html tags (rendering them)

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

我该怎么做?

也许你可以绑定到 innerHtml 属性

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