Angular 4：循环依赖是我唯一的选择吗？

Question

在我的页面中，我有两种类型的布局：步骤布局和组布局，两者都可以有一个childLayouts数组，childLayouts的类型可以是它们自己：

以下是步骤布局S1包含组布局G的示例，G包含另一个步骤布局：S2：

以下代码：

在step-layout.html中：

<!--
 elements of step-layout 
-->
<section *ngFor="let layout of childLayouts">
    <section [ngSwitch]="layout.functionType">
        <step-layout *ngSwitchCase="EType.STEP" [layout]="layout"></step-layout>
        <group-layout *ngSwitchCase="EType.GROUP" [layout]="layout"></group-layout>
    </section>
</section>

在group-layout.html中：

<!--
 elements of group-layout 
-->
<section *ngFor="let layout of childLayouts">
    <section [ngSwitch]="layout.functionType">
        <step-layout *ngSwitchCase="EType.STEP" [layout]="layout"></step-layout>
        <group-layout *ngSwitchCase="EType.GROUP" [layout]="layout"></group-layout>
    </section>
</section>

然后我收到循环依赖警告。

我想知道在我的情况下，无论如何都要避免循环依赖？或者这是我唯一的选择？