angular2模板绑定unicode

Question

我试图在angular2模板中显示一些符号。 这很好用：

<div>&#xe911;</div>

这也有效：

<div>{{"&#xe911"}}</div> //colon elided

但这不是：

<div>{{getSymbol()}}</div>

whith

private symbol(): string {
    //return this.access.accessLevel >= AccessLevel.expert ? "\e911" : "\e917";
    return this.access.accessLevel >= AccessLevel.expert ? "" : "";
}

Answer 1

使用字符串插值，{{}}被视为文本字符串。您应该使用innerHtml绑定来获取元素中的实际html：

<div [innerHtml]="getSymbol()"></div>