如何在擴大屏幕的同時刪除ngClass

Question

我正在向2 div添加一個類以使用[ngClass]切換側邊欄標題如何在放大屏幕時刪除這些類。

的問題是加寬屏幕仍然存在，只是因爲類不會被刪除。我如何刪除課程？

在添加類[ngClass]="{'menu-push-onscreen': show}"它會切換，當我加寬屏幕時，它將在那裏本身我應該如何刪除它？

show: boolean = false; 

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

}

Answer 1

只需設置[ngClass]結合爲空。這裏有一個例子：

在你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 
    } 
} 

如果您需要添加更多的媒體查詢按屏幕大小的變化最大或最小寬度。