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

Question

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

例如:

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

如果title未定义,那么应该有一个Title not setin i-Tags.

如果我使用上面的语法,Angular将精确显示表达式(表示{{,？,:,}}}并且不对其进行评估.

Answer 1

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

另请参见在RC.1中,无法使用绑定语法添加某些样式