동적/비동기 탭용 Ionic3 선택 탭

Question

내 ionic 3 프로젝트에서 angularfire2을 사용하여 firebase 데이터베이스에서 데이터를 가져옵니다. for 루프를 사용하여 탭을 만들고 있습니다. 이제 문제는 기본 탭을 선택하지 않는다는 것입니다. 페이지를 보려면 자신을 클릭해야합니다. 여기 내 코드가있다.

tabs.html

<ion-content> 
    <ion-tabs selectedIndex="2" > 
     <ion-tab *ngFor="let tab of category|async" [root]="tabPage" tabTitle="{{tab.name}}"></ion-tab> 
    </ion-tabs> 
</ion-content> 

tabs.ts

categoryRef: AngularFireList<any>; 
category: Observable<any>; 

@ViewChild('myTabs') tabRef: Tabs; 
constructor(public db: AngularFireDatabase) { 
    this.categoryRef = this.db.list('/category'); 
    this.category = this.categoryRef.snapshotChanges().map(changes => { 
     return changes.map(c => ({ key: c.payload.key, ...c.payload.val()})); 
    }); 
    // this.tabRef.select(2) ; 
} 

Answer 1

이 시도 :

<ion-content> 
    <ion-tabs *ngIf="category|async"> 
     <ion-tab *ngFor="let tab of category|async" [root]="tabPage" tabTitle="{{tab.name}}"></ion-tab> 
    </ion-tabs> 
</ion-content>