动态默认选中tab问题

来源：

Yado666

2016-08-03

我按照老师写的代码，怎么都不会默认选中第二个。求解答。

<ion-tabs #myTabs>
  <ion-tab [root]="tab1Root" tabTitle="首页" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="我们" tabIcon="aperture" ></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="好友" tabIcon="contacts"></ion-tab>
</ion-tabs>

import {Component} from '@angular/core';
import {HomePage} from '../home/home';
import {AboutPage} from '../about/about';
import {ContactPage} from '../contact/contact';

import {Tabs} from 'ionic-angular';
import {Injectable,ViewChild} from '@angular/core';

@Component({
  templateUrl: 'build/pages/tabs/tabs.html'
})
export class TabsPage {

  @ViewChild('myTabs') tabRef: Tabs;

  private tab1Root: any;
  private tab2Root: any;
  private tab3Root: any;

  constructor() {
    // this tells the tabs component which Pages
    // should be each tab's root Page
    this.tab1Root = HomePage;
    this.tab2Root = AboutPage;
    this.tab3Root = ContactPage;
  }
    ionViewDidEnter(){
    this.tabRef.select(1);
  }
}

默认选中的还是第一个。版本是32.

写回答

3回答