angularjs - 如何在angularjs中结合条件类和数据绑定(bind)类

Question

当不同的表达式计算为真时应用不同的类:

<div ng-class="{'class1' : expression1, 'class2' : expression2}">
    Hello World!
</div>

使用 [] 应用不同的类数据绑定(bind)类

 <div ng-class="[class3, class4]">
        Hello World!
    </div>

我想知道是否可以结合这两种类型的模板，即；有一个使用 {} 的条件类和一个使用 [] 的数据绑定(bind)类？

任何帮助将不胜感激。

提前致谢。

Answer 1

您可以使用以下语法

<div ng-class="[condition1 && 'class1', condition2 && 'class2', className]">
    Hello World!
</div>

className 是范围内的变量。它的值被应用于 div。

这是一个示例 fiddle
Conditionally apply class in angularjs