Angular2：调整窗口大小时将HTML元素推入DIV_Angular

Angular2：调整窗口大小时将HTML元素推入DIV

angular

Angular2：调整窗口大小时将HTML元素推入DIV,angular,Angular,我的标记看起来像这样 <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> d

我的标记看起来像这样

<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>


div id=“内容在小屏幕上显示”>
ASDF

当窗口小于时，我想将move1和move2移动到“内容在小屏幕上显示”中。您可以通过css中的媒体查询来检查窗口大小，但如果您想使用angular2来检查，则可以像下面的代码一样使用

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