离子2标签问题

Question

我使用 ionic 2 创建了一个包含 3 个选项卡的页面。在一个页面中，我创建了一个按钮，单击该按钮后，我通过执行导航到一个新的子页面 push 命令，但是每当我单击包含子页面的选项卡时，我都无法看到根页面，而是看到了新的子页面。 我想在重新访问标签页时看到根页。

下面是我的代码.. 在这里你可以签入 about.html 我已经放置了一个按钮来导航到子页面。正在发生导航但是一旦我导航然后我无法看到关于标签页而不点击后退按钮

 tabs.html
    <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 [root]="tab3Root" tabTitle="Contact" tabIcon="contacts"></ion-tab>
    </ion-tabs>

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

    @Component({
      templateUrl: 'tabs.html'
    })
    export class TabsPage {
      // this tells the tabs component which Pages
      // should be each tab's root Page
      tab1Root: any = HomePage;
      tab2Root: any = AboutPage;
      tab3Root: any = ContactPage;

      constructor() {

      }
    }

    abuot.html
    <ion-header>
      <ion-navbar>
        <ion-title>
          About
        </ion-title>
      </ion-navbar>
    </ion-header>

    <ion-content padding>

    <button ion-button (click)="navigate()" ion-button color="secondary">GO to LIst</button>
    <!-- <button [navPush]="listPage" ion-button color="secondary">Go To About</button> -->
        <!-- <button ion-button color="secondary">Secondary</button> -->
    </ion-content>

    about.ts
    import { Component } from '@angular/core';
    import {ListPage} from '../list/list';

    import {ViewController, NavController} from 'ionic-angular';

    @Component({
      selector: 'page-about',
      templateUrl: 'about.html'
    })
    export class AboutPage {


      constructor(public navCtrl: NavController,public viewctr: ViewController) {
      }
      navigate(){
         this.navCtrl.push(ListPage);
      }

    }

Answer 1

只是在黑暗中刺伤，因为我们看不到您的任何代码（这应该是对此处任何问题的补充）。您可以尝试使用 .setRoot() 来访问您想要的根页面。

import { NavController } from 'ionic-angular';
import { NameOfPage } from '../NameOfPage';

pageYouWant: any = NameOfPage;

constructor(public navctrl: NavController){}

onClickFunction(){
    this.navCtrl.setRoot(pageYouWant)
}