如何为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">    

Angular相关问答推荐

Angular :仅当 Select 第一个日期时才显示第二个日期字段

如何在@angular/material-experimental中使用自定义调色板-Expeded $connect.Color.primary将成为有效的M3调色板

如何在Angular中执行一个操作条件为多个可观测值?

Swiper 11角17 SSR Swiper断点不工作

NGX- colored颜色 Select 器安装出错

在Drective Composure API中使用指令输出

用于 React 的 ngx-extended-pdf-viewer

NgRx Effects 抛出类型错误,我不知道发生了什么

升级到 Webpack 5.79.0 后 NX Angular 项目构建失败

以 Angular 形式添加动态控件失败

根据最后发出的 observable 创建一个 observable

过滤 ngfor Angular 的计数

如何停止在 ngOnInit() 之前调用的 ngOnChanges

为什么 Angular2 routerLinkActive 将活动类设置为多个链接?

设置 Angular Material Tooltip 的字体大小

Angular 2如何让子组件等待异步数据准备好

Angular 2中基于Condition条件的点击事件

实现自定义 NgbDateParserFormatter 来更改 NgbInputDatepicker 上输入值的格式是否正确?

如何将一个组件放入Angular2中的另一个组件中?

如何在Angular中使用带有 td 属性 colspan 的属性绑定?