angular - 动态地将 Angular 组件从一个容器移动到另一个容器

Question

我有 Angular 组件，它基本上包含两个完全不同的大屏幕和小屏幕视图。同时我希望在两种情况下都使用相同的子组件，但我不想因为子组件中的参数太多而重复代码。我也不想使用 ng-template，因为如果我在屏幕很大并调整大小时用子组件更改某些内容，那么我希望应用我的更改。调整大小时是否可以将我的子组件从一个容器移动到另一个容器？

伪代码：

<div class="hide-on-small-screens">
    <app-child-component></app-child-component> //move from here
</div>
<div class="hide-on-big-screens">
    <app-child-component></app-child-component>  //to here on resize
</div>

标签： angularcomponentsresizeangular-components