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

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

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

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

{{comment}}

然后显示:

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

但是我需要以粗体和斜体的形式显示文本“abc”，比如美国广播公司

我该怎么做呢?

当前回答

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

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

来自angular文档:“angular会识别出不安全的值，并自动对其进行清理，移除<script>标记，但保留了安全内容，如<b>元素。”

2018-02-27 16:20:12

其他回答

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

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

来自angular文档:“angular会识别出不安全的值，并自动对其进行清理，移除<script>标记，但保留了安全内容，如<b>元素。”

2018-02-27 16:20:12

aliyun