相关疑难解决方法(0)

Angular Material选项卡SelectedIndex 0不起作用

我在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>
Run Code Online (Sandbox Code Playgroud)

tabs angular-material angular

11
推荐指数
1
解决办法
7485
查看次数

标签 统计

angular ×1

angular-material ×1

tabs ×1