Angular Material 选项卡 SelectedIndex 0 不工作

Question

我在 Angular 中有一个选项卡组。我希望默认情况下第一个选项卡将被选中。
但是，当我将 selectedIndex 设置为 0 时，它不会选择第一个选项卡，而将其设置为 1 或 2 会选择其他选项卡。

这是我的 app.component.html:

<mat-toolbar color="primary">
  <span color="white">קשת נחושה</span>
  <span class="spacer"></span>
  <button mat-icon-button>
        <mat-icon class="example-icon">more_vert</mat-icon>
  </button>
</mat-toolbar>
<mat-tab-group mat-stretch-tabs [selectedIndex]="0" (focusChange)="selectedTab($event)">
  <mat-tab>
    <ng-template mat-tab-label>
      <mat-icon>home</mat-icon>
    </ng-template>
  </mat-tab>
  <mat-tab>
    <ng-template mat-tab-label>
      <mat-icon>book</mat-icon>
    </ng-template>
  </mat-tab>
  <mat-tab>
    <ng-template mat-tab-label>
      <mat-icon>message</mat-icon>
    </ng-template>
  </mat-tab>
</mat-tab-group>
<router-outlet></router-outlet>

Answer 1

这是一个错误，但您可以使用 2 种数据绑定(bind)方式，它有效

<md-tab-group [(selectedIndex)]="value">