firebase - 用于动态/异步选项卡的 Ionic3 选择选项卡

Question

我angularfire2在我的 ionic 3 项目中使用从 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>

选项卡.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>