2017-08-04 4 views
1

[ngClass]を使用して2 divにクラスを追加してサイドバーのヘッダーを切り替えたい場合は、画面を拡大するときにクラスを削除するにはどうすればよいですか?画面を拡大するときにngClassを削除するには

enter image description here

問題は、それはクラスが削除されていないという理由だけが残って画面を広げる上です。どのようにクラスを削除するのですか?

クラスを追加すると、それはトグルします。画面を広げると、それはどうやって削除されますか?

show: boolean = false; 

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

}

+0

質問に関連するすべてのコードを含めてください。これは、あなたが試したことや間違っている可能性があることを理解することによって、人々がより良い答えを出すのに役立ちます。 – yanman1234

+0

@SamsonはCSSのmediaQueriesを利用します –

+0

1024px @ RahulSinghのメディアクエリを教えてください –

答えて

0

わずか[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; 
} 
... 
0
@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 
    } 
} 

あなたは、画面サイズの変更ごとに、より多くのメディアクエリを追加する必要がある場合最大または最小の幅

関連する問題