2017-11-23 2 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

그것이 버그하지만 당신은 데이터 바인딩 두 가지 방법을 사용할 수 있습니다, 그것은

<md-tab-group [(selectedIndex)]="value"> 
를 작동
관련 문제