如何扩展 <mat-tab> CSS 类？

问：

我有以下模板代码。如果文件存在，我只想显示 mat-tab 元素。*ngIf 不适合这里，因为该元素不能从 DOM 树中删除。

<mat-tab-group>
  <mat-tab [class.invisible]="!file">
  ...
  </mat-tab>
</mat-tab-group>

我在styles.scss中指定了以下内容。我还停用了组件类中的视图封装。以下代码不起作用，但是如果我省略 .invisible 并从 mat-tab 中删除 [class.invisible]=“！file”，mat-tab 元素也会消失。但是，我只想在某些情况下隐藏 mat-tab 元素。

.mat-mdc-tab.mdc-tab .invisible{ display: none !important}

我也尝试过，也尝试过在样式组件中指定代码，但这也没有用。[ngStyle]="{'display' : file ? 'none' : 'block'}"