タブはプッシュ

Question

私のタブがthis.navCtrl.push(NamePage);

私は@ViewChildか、別の関数を使用する必要はあり、理解していないを使用した後に消える3の後にイオン消えますか？私はfalseでapp.module.tsにtabsHideOnSubPagesを設定している

例：https://github.com/Nicolas-PL/TestMenu

ファイルは次のとおりです。src/pages/tabs/tabs.tsとsrc/pages/test/test.ts

import { Component } from '@angular/core'; 
 
import { NavController } from 'ionic-angular'; 
 

 
import { AboutPage } from '../about/about'; 
 
import { ContactPage } from '../contact/contact'; 
 
import { HomePage } from '../home/home'; 
 
import { TestPage } from '../test/test'; 
 
import { ModalController } from 'ionic-angular'; 
 

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

 
    tab1Root = HomePage; 
 
    tab2Root = AboutPage; 
 
    tab3Root = TestPage; 
 

 
    constructor(public navCtrl: NavController,public modalCtrl: ModalController) { 
 
    } 
 

 
    openModal() { 
 
    let myModal = this.modalCtrl.create(TestPage); 
 
    myModal.present(); 
 

 
    } 
 
}

<ion-tabs> 
 
    <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab> 
 
    <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="information-circle"></ion-tab> 
 
    <ion-tab (ionSelect)="openModal()" tabTitle="Contact" tabIcon="contacts"></ion-tab> 
 
</ion-tabs>

Test.ts（タブ消える）

import { Component } from '@angular/core'; 
 
import { IonicPage, NavController, NavParams } from 'ionic-angular'; 
 
import { HomePage } from '../home/home'; 
 
import { App, ViewController } from 'ionic-angular'; 
 

 
@IonicPage() 
 
@Component({ 
 
    selector: 'page-test', 
 
    templateUrl: 'test.html', 
 
}) 
 
export class TestPage { 
 

 
    constructor(public viewCtrl: ViewController, public navCtrl: NavController, public navParams: NavParams) {} 
 
    ionViewDidLoad() {} 
 

 
    openMenu() { 
 
    this.navCtrl.push(HomePage); 
 
} 
 

 
}

私は

は、事前にありがとう... this.navCtrl.root(HomePage);を試してみてくださいではなく、作品を行いました！

Answer 1

あなたは、あなたが以下のようにそれを行う必要がありますoverlayコンポーネント（popover、modal、alert、など）から移動する必要がある場合。

test.ts

export class TestPage { 
    constructor(
     public viewCtrl: ViewController 
     public appCtrl: App 
    ) {} 

    openMenu() { 
     this.viewCtrl.dismiss(); 
     this.appCtrl.getRootNav().setRoot(HomePage); 
    } 
    } 

あなたは（タイトルNavigating from an Overlay Component下参照）it hereについての詳細を読むことができます。