angularjs - 如何在 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附加到原始类。