如何從模板的模板返回模板中刪除引號？

我有這樣的模型。如何從模板的模板返回模板中刪除引號？

export class Card { 
    face: string; 
    .... 

    public getFaceCSS() { 
     switch (this.face) { 
     case 'H': return "&hearts;"; 
     case 'D': return '&diams;'; 
     case 'C': return '&clubs;'; 
     case 'S': return '&spades;'; 
     default: return ''; 
    }   
}

而當我嘗試打印出它在我的模板中時，我的輸出結果就是雙引號。

<span class="suit">{{card.getFaceCSS()}}</span> 
<span class="suit">"&spades;"</span>

我該如何刪除它們？

來源

2017-08-10 zdimon77

請檢查我的回答：https：//stackoverflow.com/a/45611221/5013099 –

使用{!! ！}，而不是{{}}

<span class="suit">{!! card.getFaceCSS() !!}</span>

{{$東西}} $回聲逃避的東西，即它會HTML和CSS轉換成字符串

{之後！ $ something !!}回聲$東西無轉義

來源

2017-08-10 10:30:00

將您的faceCss綁定到[innerHtml]屬性。請參見下面的示例：

<span class="suit" [innerHTML]="card.getFaceCSS()"></span>

來源

2017-08-10 10:35:19 Faisal

這可以通過結合來解決。

<span class="suit" [innerHTML]="card.getFaceCSS()"></span>

對不起。

來源

2017-08-10 10:40:02 zdimon77

那麼爲什麼你不接受我的答案？ – Faisal

如何從模板的模板返回模板中刪除引號？

回答

相關問題