ngb-accordion用于渲染来自不同组件的多个面板

Question

用法：https://ng-bootstrap.github.io/#/components/accordion/examples

我正在尝试在父组件中的ngb-panel内获取所有子组件ngb-accordion。我做了下面的代码，但它没有用..

应用-component.html

<app-main>
   <app-child1></app-child1>
   <app-child2></app-child2>
</app-main>

主要/主component.html

<ngb-accordion #acc="ngbAccordion">
   <ng-content></ng-content>
</ngb-accordion>

主要/ child1 / child1-component.html

<ngb-panel id="child1">
   <ng-template ngbPanelTitle>
      <h2>FIRST CHILD</h2>
   </ng-template>
   <ng-template ngbPanelContent>
       ....some content....
   </ng-template>
</ngb-panel>

主要/的child2 /的child2-component.html

<ngb-panel id="child2">
   <ng-template ngbPanelTitle>
      <h2>SECOND CHILD</h2>
   </ng-template>
   <ng-template ngbPanelContent>
       ....some content....
   </ng-template>
</ngb-panel>

有没有办法实现这个目标？基本上我想在一个家长手风琴中使用不同组件的不同手风琴面板。