ngClass AND条件表达式

Question

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

如果我的项目未设置或项目等于1，我希望我会上课蓝色，但它不会那样工作。

Answer 1

如果我的项目未设置或项目等于一个

，则

蓝色

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

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

Answer 2

您可能会发现以下代码段有用。

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

在上面的情况下，如果表达式被评估为true，它将添加活动类。

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

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

Answer 3

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

班级blue和blue1的内容相同。

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