如何在Angular 4+中使用html标签渲染字符串?

在我的angular 4应用中，我有一个字符串

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

当我在html中提供这个文本时，比如

{{comment}}

然后显示:

<p><em><strong>abc</strong></em></p>
但是我需要以粗体和斜体的形式显示文本“abc”，就像 美国广播公司 < / >强

我该怎么做呢?

266153 次浏览
小开
最佳答案

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

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

来自angular文档:“Angular会识别出不安全的值，并自动对其进行消毒，这样会删除<script>标记，但保留诸如<b>元素之类的安全内容。”


提交答案