如何禁用angular4材质中除选定选项卡以外的所有选项卡

Question

我对角度和材质非常陌生，在禁用角度4材质中未选择的选项卡时遇到了一个难题，我在下面只有此代码。

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

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

    </md-tab-group>

注意：该受试者 是一个动态数组。

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>

工作演示