[英]ngClass AND conditional expression
ng-class="{'blue': item==1, 'blue': !item}"
如果我的项目未设置或项目等于1,但我无法以这种方式工作,我希望我可以上蓝色课。
blue if my item is not set or item equal to one 如果我的商品未设置或等于1,则为蓝色
You need to use ||
您需要使用||
operator and define expression as 运算符并将表达式定义为
ng-class="{'blue': !item || item==1 }"
You may find following code snippet helpful. 您可能会发现以下代码段很有帮助。
ng-class="{ 'active' : CreateCaseModel.CaseTypeId == 2 }
In above case, if expression is evaluated to true it will add active class. 在上述情况下,如果expression计算为true,它将添加活动类。
replace "CreateCaseModel.CaseTypeId == 2" with your own condition, and it(expression) should return true or false. 用您自己的条件替换“ CreateCaseModel.CaseTypeId == 2”,它(表达式)应返回true或false。
ng-class="{ 'active' : expression } ng-class =“ {'active':expression}
For this to work just create one more class containing the same contents as in class blue and use that for second condition. 为此,只需再创建一个包含与blue类相同内容的类,并将其用于第二个条件即可。 Because ng-class
doesn't allow to same class to apply for different condition. 因为ng-class
不允许同一个类别申请不同的条件。
Contents of class blue and blue1 are same. blue和blue1类的内容相同。
ng-class = "{'blue': item == 1, 'blue1': !item}"
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.