1

我需要创建带有组件的主机组件，以在mat-tab. 组件在列表中提供，并且可以有所不同。由于我们不知道要渲染哪个组件，我们如何将输入和输出与父（主机）视图和动态创建的组件绑定。

前任：

<div *ngFor="let tab of tababList">
 <mat-tab *ngIf="tab.isVisible">
  <ng-template mat-tab-label>{{tab.title|translate}}</ng-template>
  <ng-container *ngTemplateOutlet="tab.component"></ng-container>
 </mat-tab>
</div>

对于我已经考虑ViewContainerRef过的替代ComponentFactoryResolver方法。由于存在并且无法添加更多选项卡，因此这种方式ViewContainerRef变得未定义。*ngIf

这个问题有什么解决办法吗？

我已经提到了Angular 文档

4

0 回答 0