如何隐藏具有嵌套选项卡组的mat- tab -header，隐藏外部mat-tab-group而不隐藏内部

在Angular Material中，如果要隐藏具有嵌套选项卡组的mat-tab-header，同时保留内部选项卡组的可见性，可以使用CSS样式来实现。

首先，给外部mat-tab-group添加一个自定义的CSS类名，例如"outer-tab-group"，然后使用以下样式来隐藏外部mat-tab-group：

.outer-tab-group .mat-tab-header {
  display: none;
}

这样就可以隐藏外部mat-tab-group的选项卡头部。

接下来，为内部的mat-tab-group添加一个自定义的CSS类名，例如"inner-tab-group"，然后使用以下样式来取消内部mat-tab-group的选项卡头部的隐藏：

.inner-tab-group .mat-tab-header {
  display: block;
}

这样就可以保留内部mat-tab-group的选项卡头部的可见性。

最后，在HTML模板中，将外部mat-tab-group和内部mat-tab-group分别添加对应的CSS类名：

<mat-tab-group class="outer-tab-group">
  <mat-tab label="Outer Tab 1">
    <mat-tab-group class="inner-tab-group">
      <mat-tab label="Inner Tab 1"></mat-tab>
      <mat-tab label="Inner Tab 2"></mat-tab>
    </mat-tab-group>
  </mat-tab>
  <mat-tab label="Outer Tab 2"></mat-tab>
</mat-tab-group>

这样就可以隐藏外部mat-tab-group的选项卡头部，同时保留内部mat-tab-group的选项卡头部的可见性。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，建议您参考腾讯云官方文档或咨询腾讯云的技术支持团队，获取与您需求匹配的产品和服务信息。