如何在ng-class的表达式上使用不同的类型？

Question

假设我想将演示文稿与控制器分开。特别是，我不想对控制器中的任何类进行编码。

1. 我想要一个计算的类（我将模型字符串添加到类名中）：

   <span ng-class="['my-class-'+model_value]">...</span>

2. 我想要一个条件类（我根据布尔条件显示一个类）：

   <span ng-class="{'conditional-class': model_condition}">...</span>

但是如何在一个ng-class语句中结合这两种方法？

Answer 1

您可以单独使用class和ng-class个定义：

<span class="my-class-{{model_value}}" 
      ng-class="{'conditional-class': model_condition}">
...
</span>

ng-classes将附加到原始类。