ngClass AND条件表达式

ngClass AND conditional expression

本文关键字：表达式 条件 AND ngClass      更新时间：2023-09-26
ng-class="{'blue': item==1, 'blue': !item}"

如果我的项没有设置或项等于1，但它不起作用，我希望我会有类蓝色。

蓝色，如果我的项目未设置或项目等于一

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

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

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

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

在上述情况下，若表达式的求值结果为true，它将添加活动类。

将"CreateCaseModel.CaseTypeId==2"替换为您自己的条件，它(表达式(应返回true或false。

ng class="｛'active'：表达式｝

要实现这一点，只需再创建一个包含与class blue中相同内容的类，并将其用于第二个条件。因为ng-class不允许同一个类应用不同的条件。

蓝色类和蓝色1类的内容相同。

ng-class = "{'blue': item == 1, 'blue1': !item}"
相关文章：