Angular 在md accordion内创建动态md扩展面板组件

我在md accordion组件中动态创建组件，如下所示

<md-accordion [displayMode]="displayMode" [multi]="multi"
                class="md-expansion-demo-width">
    <ng-container #piechartsContainer>

    </ng-container>
</md-accordion>

@ViewChild("piechartsContainer", {read: ViewContainerRef}) pieChartContainer: ViewContainerRef;

let componentFactory = this.componentFactoryResolver.resolveComponentFactory(CreatePieChartElement);
let componentRef = this.pieChartContainer.createComponent(componentFactory);

@ViewChild（“piechartsContainer”，{read:ViewContainerRef}）pieChartContainer:ViewContainerRef；
让componentFactory=this.componentFactoryResolver.resolveComponentFactory（CreatePieChartElement）；
让componentRef=this.pieChartContainer.createComponent（componentFactory）；

这是我要插入的组件

@Component({
  selector: 'app-create-pie-element',
  template: 
    <md-expansion-panel>
      <md-expansion-panel-header>{{title}}</md-expansion-panel-header>
    </md-expansion-panel>
  ,
  styles: [],
  encapsulation: ViewEncapsulation.None,
})

@组件({
选择器：“应用程序创建饼图元素”，
模板：
{{title}}
,
样式：[]，
封装：视图封装。无，
})

---

根据angular的观点，很明显，当通过循环创建组件时，

答案很有帮助。请帮帮我。提前感谢。
一个可能的解决方案是使用
ng模板
，该模板将包装
CreatePieChartElement
模板：

CreatePieChartElement.html


{{title}}
一些文本


CreatePieChartElement.ts

@ViewChild（'tmpl'）模板：TemplateRef
一种可能的解决方案是使用
ng模板
，该模板将包装
CreatePieChartElement
模板：

CreatePieChartElement.html


{{title}}
一些文本


CreatePieChartElement.ts

@ViewChild（'tmpl'）模板：TemplateRef
这是可行的，但我无法实现一次展开一个扩展面板属性（“md-accordion中的多”属性）。它在正常情况下工作。检查我的更新plunker，这是工作，但我不能实现一次扩展一个扩展面板属性（“多”属性在md-手风琴）。它在正常情况下工作。检查我更新的plunker