如何为ngClass使用多个条件?例子:
<section [ngClass]="[menu1 ? 'class1' : '' || menu2 ? 'class1' : '' || (something && (menu1 || menu2)) ? 'class2' : '']">
像这样的.我为两个菜单上了同样的课,当其中一个菜单是真的,而"某物"是真的时,我需要上课.希望我解释得足够好
如何为ngClass使用多个条件?例子:
<section [ngClass]="[menu1 ? 'class1' : '' || menu2 ? 'class1' : '' || (something && (menu1 || menu2)) ? 'class2' : '']">
像这样的.我为两个菜单上了同样的课,当其中一个菜单是真的,而"某物"是真的时,我需要上课.希望我解释得足够好
您正在try 将数组分配给ngClass,但是数组元素的语法是错误的,因为您用||
而不是,
来分隔它们.
试试这个:
<section [ngClass]="[menu1 ? 'class1' : '', menu2 ? 'class1' : '', (something && (menu1 || menu2)) ? 'class2' : '']">
此另一个选项也应该有效:
<section [ngClass.class1]="menu1 || menu2" [ngClass.class2] = "(menu1 || menu2) && something">