Angularjs ng-class如何混合条件和数组（切换）类选择

Question

我有一个选定的类和一些类，取决于var

{selected_class : model.is_selected}

和

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

如何在ng-class指令中混合这两个？

Answer 1

喜欢这个。我不知道＆＃34;聪明的＆＃34;方式：

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

Answer 2

如果您需要应用多个类，则可以编写更长的ng-class表达式：

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