只有單擊選項卡才能顯示 mat-tab 的內容嗎？ Angular

Question

所以我只想在單擊選項卡時顯示內容。 可能嗎？ 我想要實現這一點的原因是因為當我通過選項卡進行過濾時，在我輸入過濾器輸入時會加載內容

Answer 1

我不喜歡::ng-deep，請參閱我總是喜歡在styles.scss或 styles.css 中創建 class 的文檔

.noFirst .mat-tab-labels:first-child > .mat-tab-label:first-child {
  display: none;
}

然后當我想要時，將 class 添加到 mat-tab-group

<mat-tab-group class="noFirst">
  <mat-tab></mat-tab>
  <mat-tab label="First"> Content 1 </mat-tab>
  ....
</mat-tab-group>