ionic最新版（2.1.8）下如何根据id获取控件

Question

在最新版下如何实现5-2课程中的功能？根据id获取控件

import  { Component }    from '@angular/core';

import  { HomePage }     from '../home/home';

import  { AboutPage }    from '../about/about';

import  { ContactPage }  from '../contact/contact';

import  { IonicApp }     from 'ionic-angular';

@Component({

templateUrl: 'tabs.html'

})

export class TabsPage {

static get parameters(){

return [[IonicApp]];

}

// this tells the tabs component which Pages

// should be each tab's root Page

tab1Root: any = HomePage;

tab2Root: any = AboutPage;

tab3Root: any = ContactPage;

app     : any = IonicApp;

// app     : any = IonicApp;

constructor(app:IonicApp) {

debugger;

this.app = app;

}

ionViewDidEnter(){

let mainTabs = this.app.getComponent("mainTabs");

mainTabs.select(1);

}

}

代码如上所示，目前是报错说this.app没有getComponent方法，求正确写法和大致语法（文档链接即可）

Answer 1

Parry 2016-11-19 22:09:00

http://ionicframework.com/docs/v2/api/components/tabs/Tabs/

<ion-tabs #myTabs>
  <ion-tab [root]="tab1Root"></ion-tab>
  <ion-tab [root]="tab2Root"></ion-tab>
  <ion-tab [root]="tab3Root"></ion-tab>
</ion-tabs>

export class TabsPage {@ViewChild('myTabs') tabRef: Tabs;

ionViewDidEnter() {  this.tabRef.select(2);
 }

}

• 提问者 nickylau82 #1

  Ionic2 正式版和您beta版的差别好大。。。
  对于没有typescript基础的人来说好累
  
  直接把您这段代码拿去用发现不行，然后发现官方doc也是这样写的
  
  然后仔细看了看报错，说是不存在ViewChild方法，然后再在头上引入了终于成功了。。
  
  import { Component,ViewChild } from '@angular/core';
  import { Tabs } from 'ionic-angular';

• 提问者 nickylau82 #2

  需要在上面import ViewChild和Tabs,另外非常感谢！