2017-11-23 3 views
0

私はタブグループを角で持っています。私は、デフォルトで最初のタブが選択されることを望みます。
しかし、selectedIndexを0に設定すると、最初のタブは選択されず、1または2に設定されます。は他のタブを選択します。角材タブSelectedIndex 0が機能しません

これは私の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> 

答えて

0

それはバグですが、あなたはデータバインディングの2つの方法を使用することができ、それは

<md-tab-group [(selectedIndex)]="value"> 
の作品
関連する問題