ngClass和条件表达式

Question

ng-class="{'blue': item==1, 'blue': !item}"

如果我的项目未设置或项目等于1，但我无法以这种方式工作，我希望我可以上蓝色课。

Answer 1

如果我的商品未设置或等于1，则为蓝色

您需要使用|| 运算符并将表达式定义为

ng-class="{'blue': !item || item==1 }"

Answer 2

您可能会发现以下代码段很有帮助。

 ng-class="{ 'active' : CreateCaseModel.CaseTypeId == 2 }

在上述情况下，如果expression计算为true，它将添加活动类。

用您自己的条件替换“ CreateCaseModel.CaseTypeId == 2”，它（表达式）应返回true或false。

ng-class =“ {'active'：expression}

Answer 3

为此，只需再创建一个包含与blue类相同内容的类，并将其用于第二个条件即可。 因为ng-class不允许同一个类别申请不同的条件。

blue和blue1类的内容相同。

ng-class = "{'blue': item == 1, 'blue1': !item}"