如何在我的案例中分配多个班级？

Question

我试图通过使用ng-class

为我的元素使用多个类

我有类似

的东西

<div id='test'
ng-class="{blue: test}"
ng-class="scale ? 'scale' : 'non-scale'"
>
</div>

这里有两个条件，我不知道如何将这些类组合成一个ng-class语句。任何人都可以帮我解决这个问题吗？

Answer 1

<div id="test" ng-class="{ 
       blue: test,
       scale: scale, 
       non-scale: !scale 
     }">
</div>

应该有用。

Answer 2

<div id="test" ng-class="{'blue':test, 'scale': scale, 'non-scale': !scale}">

Answer 3

之前的答案是正确的，但如果您不想评估比例两次，您也可以使用插值：

<div id="test" class="{{scale ? 'scale' : 'non-scale'}}" ng-class="{'blue':test}">

甚至可以将您的CSS重构为默认缩放，然后您可以像蓝色一样添加“非缩放”。