angular - 如何在加宽屏幕的同时删除 ngClass

Question

我正在向 2 div 添加一个类，以使用[ngClass]放大屏幕时如何删除这些类来切换侧边栏标题。

问题在于加宽屏幕，它只保留在那里，因为类没有被删除。我如何删除课程？

在添加类[ngClass]="{'menu-push-onscreen': show}"时，它会切换，当我加宽屏幕时，它本身就会在那里，我该如何删除它？

show: boolean = false;

 onToggleHeader(){
   this.show=!this.show;

}

Answer 1

只需将 [ngClass] 绑定设置为 null。这是一个例子：

在您的 component.html 中：

<div [ngClass]="myClass"></div>

在您的组件类中：

...
// Declare varibale
myClass:string;

// Set some variable to true if the screen widening
if(isScreenWidening){
    this.myClass = null;
}
...

Answer 2

@media screen and (max-width: 600px) { // this is for screen width less than equal to 600px

  .yourClass{
     // remove all the properties you might have set
  }
}

如果您需要根据屏幕尺寸添加更多媒体查询，请更改最大或最小宽度。