angular - 如何禁用除angular4 Material 中选定选项卡之外的所有选项卡

Question

我对 Angular 和 Material 非常陌生，并且在禁用 Angular 4 Material 中未选择的选项卡方面遇到了一个难题，我只有下面的代码。

    <md-tab-group class="flex-stretch tab-button-arrows">

      <md-tab *ngFor="let subject of subjects" label="subject.name" ></md-tab>

    </md-tab-group>

注意:subjects 是一个动态数组。

Answer 1

您需要做的就是使用 mat-tab isActive 的默认属性:ReadMore

<mat-tab-group>
  <mat-tab #tab [disabled]='!tab.isActive' *ngFor="let subject of subjects" [label]="subject.name">
    {{ subject.name }}
  </mat-tab>
</mat-tab-group>

WORKING DEMO