是否可以将一个AT 2 PLACES组件嵌入另一个组件中？

Question

情况： 假设我有一个包含多个组件的Angular（版本7）应用程序。其中两个组件需要在其视图/模板中包括一个滑块和一个图层组件。滑块和图层组件始终在一起，这就是为什么我为此创建了另一个自定义组件的原因。

问题： 我想将此自定义组件（slider + custom-component）包含在两个组件中，但是我需要将滑块的放置在而不是的其他位置。这可能吗？

这是我的由滑块和自定义组件组成的自定义组件

http://localhost:8085/api/v1/company/1

这是我需要在其中一个组件中包含自定义组件的方式：

<div class="my-slider">
    <mat-slider min="0" max="24" step="1" thumbLabel="true" [(value)]="chosenHour"
        tickInterval="1" color="primary" class="my-slider"></mat-slider>
    <div class=slider-text>Hours</div>
</div>

<my-layer-component 
    [input1]="getInput1"
    [input2]="getInput2"
    [input3]="is the value of the slider"
    [input4]="getInput4">
</my-layer-component>

我需要在哪里将组件包含在自定义组件中？

由于滑块和my-layer-component确实属于在一起，所以我不想将它们拆分成两个组件。获取输入背后有很多逻辑，这就是为什么我也不想将片段复制到需要滑块和my-layer-component的不同组件中。