angular - 如何在插值语法中使用 HTML 标签

Question

如何在 Angular 2 的 HTML 模板中插入 HTML 标签？

例如:

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

如果 title 未定义，则 i-Tags 中应该有一个 Title not set。

如果我使用上面的语法，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