ngClass中的多个条件-Angular 4 [英] Multiple conditions in ngClass - Angular 4
本文介绍了ngClass中的多个条件-Angular 4的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何对ngClass使用多个条件?示例:
How to use multiple conditions for ngClass? Example:
<section [ngClass]="[menu1 ? 'class1' : '' || menu2 ? 'class1' : '' || (something && (menu1 || menu2)) ? 'class2' : '']">
类似的东西.我有2个菜单的相同课程,并且当其中一个菜单为true并且'something'为true时,我需要课程.希望我能解释得很好
something like this. I got same class for 2 menus, and I need class when one of those menus is true and 'something' is true. Hope I explained well enough
推荐答案
您正在尝试将数组分配给ngClass,但是数组元素的语法是错误的,因为您使用||
而不是
You are trying to assign an array to ngClass, but the syntax for the array elements is wrong, since you seperate them with ||
instead of a ,
.
尝试一下:
<section [ngClass]="[menu1 ? 'class1' : '', menu2 ? 'class1' : '', (something && (menu1 || menu2)) ? 'class2' : '']">
这也应该起作用:
<section [ngClass.class1]="menu1 || menu2" [ngClass.class2] = "(menu1 || menu2) && something">
这篇关于ngClass中的多个条件-Angular 4的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文