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

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