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>