如何在插值语法中使用HTML标记

Question

如何使用Angular 2在HTML模板中插入HTML标记？

例如：

<h1> {{title ? title : '<i>Title not set</i>'}} </h1>

如果title未定义，则Title not set中应该有i - 标签。

如果我使用上面的语法，Angular将精确显示表达式（表示{{，？，：，}}}，并且不会对其进行评估。

Answer 1

<h1 [innerHTML]="title ? title : '<i>Title not set</i>'"></h1>

另见In RC.1 some styles can't be added using binding syntax