Angular2 ngClass：如何有條件地選擇課程？

Question

我在Angular 2中有下面的代碼。我希望只有一個div元素會根據'service.mode'的值得到一個'選擇'的類樣式。在編寫這段代碼之後，我發現所有的div元素都得到了「選擇」類，儘管'service.mode'等於'slots'。

<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使用它裏面''。