如何在angularjs中组合条件类和数据绑定类

Question

要在不同表达式求值为true时应用不同的类:

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

使用[]为数据绑定类应用不同的类

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

我想知道是否可以组合两种类型的模板,即; 有一个使用{}的条件类和一个使用[]的数据绑定类？

任何帮助将不胜感激.

提前致谢.

Answer 1

您可以使用以下语法

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

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

这是一个示例小提琴 有条件地在angularjs中应用类