如何在 Angular 4+ 中使用 html 标签呈现字符串？ [复制]

Question

在我的 Angular 4 应用程序中，我有一个类似的字符串

comment: string;
comment = "<p><em><strong>abc</strong></em></p>";

当我在我的 html 中提供此文本时，例如

{{comment}}

然后显示：

<p><em><strong>abc</strong></em></p>

但我需要以粗体和斜体形式显示文本“abc”，例如 abc

我该怎么做？

Answer 1

使用单向流语法属性绑定：

<div [innerHTML]="comment"></div>

From angular docs：“Angular 将值识别为不安全并自动对其进行清理，这将删除 <script> 标记，但保留安全内容，例如 <b> 元素。”