モデルのメソッドから引用符を取り除くにはどうすればテンプレート内に戻りますか？

Question

私はこのようなモデルを持っています。

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

    public getFaceCSS() { 
     switch (this.face) { 
     case 'H': return "♥"; 
     case 'D': return '♦'; 
     case 'C': return '♣'; 
     case 'S': return '♠'; 
     default: return ''; 
    }   
}  

私のテンプレートの中でそれを印刷しようとすると、出力の周りに二重引用符が表示されます。

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

どうすれば削除できますか？

Answer 1

{{!! !!}の代わりに{{}}

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

{{$何か}}エコーの$即ち脱出した後、何かそれは{

文字列にHTMLとCSSに変換されます！ $何か!!}エコス$ something なしエスケープ

Answer 2

あなたのfaceCssに[innerHtml]属性をバインドします。以下の例を参照してください：

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

Answer 3

これが結合することによって解決することができます。

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

申し訳ありません。