Angular2 ngClass：条件付きでクラスを選択する方法は？

Question

私はAngular 2に次のコードを書いています。私は、1つのdiv要素だけが 'service.mode'の値に基づいて 'selected'というクラススタイルを取得したいと考えています。このコードを書いた後、私は、「service.mode」が「slots」と同じであっても、すべてのdiv要素がクラス「selected」を取得することを発見しました。

<header> 
    <div [ngClass] = "{'chosen': 'service.mode == \'featured\''}"> Featured Games</div> 
    <div [ngClass] = "{'chosen': 'service.mode == \'slots\''}"> Slot Games </div> 
    <div [ngClass] = "{'chosen': 'service.mode == \'card\''}"> Card Games </div> 
    <div [ngClass] = "{'chosen': 'service.mode == \'table\''}"> Table Games </div> 
</header> 

あなたは問題が何かを知っていますか？

Answer 1

正しい構文は次のとおりです。

<header> 
    <div [ngClass] = "{'chosen': service.mode == 'featured'}"> Featured Games</div> 
    <div [ngClass] = "{'chosen': service.mode == 'slots'}"> Slot Games </div> 
    <div [ngClass] = "{'chosen': service.mode == 'card'}"> Card Games </div> 
    <div [ngClass] = "{'chosen': service.mode == 'table'}"> Table Games </div> 
</header> 

あなたが\を使用し、なぜあなたは、たとえばfeatured\でservice.modeを比較したい場合は''内で使用、知ってはいけません。