嵌套选项卡组上的角度材质选项卡组问题（未显示默认选项卡）

Question

我正面临以下问题，嵌套在mat-tab-group中的mat-tab-group。父组的第一个选项卡中的嵌套组正在选择一个默认选项卡，并在第一个选项卡中显示下划线，但是该组嵌套在父组的第三个选项卡中，它没有在任何选项卡中显示下划线。

我已经在演示的链接上附加了问题：https://stackblitz.com/edit/angular-material-tabs-problem

有帮助吗？预先感谢！

Answer 1

正如这篇文章所建议的，https://github.com/angular/components/issues/7274#issuecomment-605516292用<ng-template matTabContent>包裹您的孩子mat-tab-group，它将起作用（在Angular 8上进行了测试）。

<mat-tab-group>
  <mat-tab label="Tab1">
    Test1
  </mat-tab>
  <mat-tab label="Tab2" >
    <ng-template matTabContent>
      <mat-tab-group>
        <mat-tab label="Tab2-1">
          Test2-1
        </mat-tab>
        <mat-tab label="Tab2-2">
          Test2-2
        </mat-tab>
      </mat-tab-group>
    </ng-template>
  </mat-tab>
</mat-tab-group>

Answer 2

在审查了mat tab inside tab selected index not working问题之后，那里提供的解决方法解决了该问题。