は、私はタブモジュールを使用しようとすると、私はエラーを取得app.component.tsかtabs.ts

Question

にイオン3を注入からNavController /タブ：

import { IonicPage, NavController, NavParams, Nav, App, MenuController, Tabs } from 'ionic-angular'; 
 
@Component({ 
 
    templateUrl: 'tabs.html' 
 
}) 
 
export class TabsPage { 
 

 
    tab1Root = HomePage; 
 
    tab2Root = AboutPage; 
 
    tab3Root = ContactPage; 
 

 
    tabbar: any; 
 
    constructor(private appGlobal:AppGlobal, tabs:Tabs) { 
 
    //Error: Uncaught (in promise): Error: No provider for Tabs! 
 
    console.log('tabs ', tabs); // namely need to get current tab instance 
 
    }

つまり私は、現在のタブインスタンスを取得する必要があります。 からNavControllerは同じエラーに ヘルプしてください

Answer 1

ザッツイオンではない方法Tabs仕事を与える app.component.ts同じエラーを与えます。それは、あなたのクラスに注入できるサービスではありません。あなたは、タブコンポーネントのイオンdocsを見てください。あなたは

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

    ionViewDidEnter() { 
    this.tabRef.select(2); 
    console.log(this.tabRef.getSelected()); 
    } 
} 

Answer 2

：

あなたのテンプレート：

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

、対応するクラスあなたがTab現在アクティブを返すgetSelected()方法を使用することができ、現在選択されているタブを取得するために

この方法でタブページを取得できます。タブページで

は次のようにViewChildであなたのタブの要素を取得：

@ViewChild('myTabs') tabRef: Tabs; 

を選択したタブを取得しようと試みた後：

this.nav.getActive().component.tabRef.getSelected().root 

これはあなたのページ