只有单击选项卡才能显示 mat-tab 的内容吗？角

【问题标题】：Can I display content of mat-tab only if I click on tab? Angular只有单击选项卡才能显示 mat-tab 的内容吗？角
【发布时间】：2020-12-07 15:23:49
【问题描述】：

所以我只想在单击选项卡时显示内容。可能吗？我想要实现这一点的原因是因为当我通过选项卡进行过滤时，在我输入过滤器输入时会加载内容

【问题讨论】：

【解决方案1】：

我不喜欢 ::ng-deep，请参阅 the docs 我总是喜欢在 styles.scss 或 styles.css- 中创建一个类

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

然后当我需要时，将类添加到 mat-tab-group

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

【讨论】：