ngClass中的多个条件-Angular 4 [英] Multiple conditions in 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屋！