angular2模板绑定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绑定来获取元素中的实际html：

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