Angular 2：包含标记的表达式

Posted 2023-03-05

【中文标题】Angular 2：包含标记的表达式

【英文标题】：Angular 2: Expression containing markup

【发布时间】：2017-05-10 03:05:14

【问题描述】：

我正在寻找一种方法来告诉 Angular 在包含标记的表达式中显示一个值，并实际使用 html：

 value 

let value = "<span>foobar</span>";

所以，value 变量包含一个带有标记的字符串，我想应用标记以便在页面中呈现它。所以如果value 包含<b>test</b>，那么页面上会出现粗体字。

【问题讨论】：

不能在<span> 中使用 value 吗？或者，如果某些陈述为真，您可以使用*ngIf 并创建<span>，或者创建<p> 或任何您想要的...

【参考方案1】：

猜你在找innerHTML:

value: string = "<span>foobar</span>";

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

上面的代码将被渲染到：

<div>
    <span>foobar</span>
</div>