Angular 2:包含标记的表达式

Question

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

{{ value }}

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

因此,value变量包含带有标记的字符串,我想应用标记,以便在页面中呈现它.因此,如果value包含<b>test</b>,则在页面上将显示粗体文本.

Answer 1

猜猜您在寻找innerHTML：

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

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

上面的代码将呈现为：

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