mat-tab-group 选项卡在切换父选项卡后不呈现

Question

我有一个需要使用嵌套选项卡和表格的示例。

https://stackblitz.com/edit/angular-bgl1f2

当我切换父选项卡（查看 M2）然后尝试切换子选项卡（M3）时，选项卡不会呈现。仅在多次切换子选项卡 (M3) 后才会进行渲染。

在上面的 Stackblitz 中重现的步骤：

1. 打开任何 M1 扩展面板。这将显示父选项卡（查看 M2）和子选项卡（M3）
2. 切换到子选项卡 ( M3 32 B )
3. 切换到父选项卡（查看 M2-2）
4. 切换回上一个父选项卡（查看 M2-1）
5. 切换到子选项卡 ( M3 33 C )

预期结果
表格应显示在子选项卡中 ( M3 33 C )

实际结果
在子选项卡中没有呈现任何内容（M3 33 C）

当您切换到不同的子选项卡，然后返回到子选项卡 ( M3 33 C ) 时，会显示表格。

谁能指出什么是错的？

Answer 1

我知道，我知道的有点晚了。但我在寻求解决方案时偶然发现了这篇文章。

我终于找到了一个！

所以在这里分享，回馈社区

<ng-template matTabContent>对我有用

<mat-tab>
    <ng-template matTabContent>
        <div class="example-tab-content">
        ...
        </div>
    </ng-template>
</mat-tab>