angular2模板绑定(bind)unicode

Question

我试图在 angular2 模板中显示一些符号。这工作正常:

<div>&#xe911;</div>

这也有效:

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

但这不是:

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

与

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

Answer 1

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

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