Angular2：DIVにプッシュHTML要素のウィンドウのサイズが変更されたとき

私のマークアップは、このAngular2：DIVにプッシュHTML要素のウィンドウのサイズが変更されたとき

<body> 
<section> 
    <div id="move1"></div> 
    div id="content-goes-here-on-small-screen"></div> 
    <div></div> 
</section> 
<aside id="move2"> 
    <p>ASDF</p> 
</aside>

のように見える私は「コンテンツになり、ここでは、上の小画面にmove1とMOVE2を移動したいです"窓が<より小さいとき640px

この問題を解決するサービスのような良いangular2のアプローチはありますか？

出典

2017-03-21 asdfboy

あなたは、CSSメディアクエリによってウィンドウサイズを確認することができますが、あなたは、この使用angular2をチェックしたい場合は、このコード

let mq = window.matchMedia("screen and (min-width:640px)") 
    if (mq.matches) { 
     // stuff goes here 
    } 
    else { 
     // your stuff 
    }

よう matchMediaを使用することができますよりも、

出典

2017-03-21 10:43:47

Angular2：DIVにプッシュHTML要素のウィンドウのサイズが変更されたとき

答えて

関連する問題