运行时重新定位角度组件视图

Question

我想重新定位组件运行时并重新加载页面， 我需要动态创建组件才能实现以下目标吗？

发件人：

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <NG6componet1 ></NG6componet1>
    </div>
    <div class="swiper-slide">
      <NG6componet2 ></NG6componet2>
    </div>
    <div class="swiper-slide">
      <NG6componet3 ></NG6componet3>
    </div>
  </div>
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>
</div>

收件人：

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <NG6componet1 ></NG6componet1>
    </div>
     <div class="swiper-slide">
      <NG6componet3 ></NG6componet3>
    </div>
    <div class="swiper-slide">
      <NG6componet2 ></NG6componet2>
    </div>
  </div>
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>
</div>

我该如何在角度6中做到这一点