angular - 在 mat-tab-group 中添加自定义组件

Question

我创建了一个 mat-tab，我在不同的选项卡组中重复使用了很多。
由于我不重复代码，我创建了一个组件mat-tab-foo。
它包含以下 HTML：

 <mat-tab label="Foo">
   <p>Bar</p>
 </mat-tab>

我尝试mat-tab-group像这样使用它：

 <mat-tab-group>
   <mat-tab-foo></mat-tab-foo>
 </mat-tab-group>

但是标签永远不会渲染，有谁知道如何在mat-tab-foo里面渲染mat-tab-group？

可以在此处找到 Stackblitz 示例。

标签： angularangular-material