Angularjs納克級怎麼混條件和陣列（開關）類選擇

我有一個選定的類別，並根據對var當成Angularjs納克級怎麼混條件和陣列（開關）類選擇

{selected_class : model.is_selected}

和

{on:'on_class', off:'off_class', wait: 'wait_class'}[model.state]

一些課程我怎樣才能混這兩個在ng-class指令中？

來源

2014-12-08 Regis

你的問題是不是太清楚。你能否顯示完整的相關控制器代碼？ – 2014-12-08 10:00:48

我喜歡結合第一個例子，當用戶點擊元素來顯示它被選中，第二個元素反映當前元素的狀態。 – Regis 2014-12-08 10:11:00

像這樣。我不知道一個「聰明」的方式：

ng-class="{selected_class : model.is_selected, 
    on_class: model.state=='on', 
    off_class: model.state=='off', 
    wait_class: model.state=='wait'}"

來源

2014-12-08 10:21:14 Victor

嗨，我正在尋找一個更簡潔的方式，而不必重複測試，因此該部分的「數組」開關和另一個簡單的比較。 – Regis 2014-12-08 13:59:40

如果您需要申請多個類，你可以只寫一個較長的ng-class表達：

ng-class="{'selected_class': model.is_selected, 'on_class': model.state == 'on', 'off_class': model.state == 'off', 'wait_class': model.state == 'wait'}

來源

2014-12-08 10:23:14

Angularjs納克級怎麼混條件和陣列（開關）類選擇

回答

相關問題