如何在 ts 中有变量的许多元素上使用 ngClass

问题描述

我的 ts 文件中有一个在单击按钮时切换的变量：

expanded: boolean = false;

  expandStuff() {
    this.expanded = !this.expanded;
    }

我有几个 div，我希望此切换能够影响和更改 div 的类。所以我想我可以使用 ngClass:

[ngClass]="{'max-stuff' : expanded}" 

我只将这个添加到我想要影响的 div 中。但我一直无法让它工作。实际上什么也没有发生。我究竟做错了什么？我需要添加其他东西吗？我的语法不正确吗？

解决方法

如果是根组件，你有没有导入BrowserModule？

如果是子组件，你有没有导入CommonModule？

举个例子

import {BrowserModule} from "@angular/platform-browser"

@NgModule({
    imports: [BrowserModule]
})
export class SomeModule {}