如何为同一个元素分配不同的类？

Question

我正在尝试在Angular中为我的班级创建条件状态

我有类似

的东西

<div class='test' ng-class="(test=1:'class1',test=2:'class2',test=3:'class3')">
    <div>
        //more contents here
    </div>

</div>

基本上我需要有一个条件语句来根据测试变量应用类。所以，如果我需要test =1，而class1需要test =2我需要class2。我的语法可能在这里错了。这是Angular能做的吗？非常感谢！

Answer 1

<div class='test' 
     ng-class="{'class1': test == 1, 'class2': test == 2, 'class3': test == 3}">
    <div>
        //more contents here
    </div>
</div>

要应用的类应该是字符串键，条件应该是键值对的值。为了更安全，您可以使用可选的单引号。

DEMO