Ionic2 离子2标签问题

Ionic2 离子2标签问题,ionic2,Ionic2,我使用ionic 2创建了一个包含3个选项卡的页面。在一个页面中,我创建了一个按钮,单击该按钮后,我通过执行 push命令,但每当我单击包含子页面的选项卡时,我无法看到根页面,而是看到新的子页面。 我想在重新访问选项卡页面时查看根页面 下面是我的代码。。在这里,您可以签入about.html。我放置了一个按钮来导航到子页面。导航正在进行,但一旦导航,如果不单击“上一步”按钮,我将无法看到about选项卡页面 tabs.html <ion-tabs> <io

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

下面是我的代码。。在这里,您可以签入about.html。我放置了一个按钮来导航到子页面。导航正在进行,但一旦导航,如果不单击“上一步”按钮,我将无法看到about选项卡页面

 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);
      }

    }

因为我们看不到您的任何代码,这应该是对这里的任何问题的补充。您可以尝试使用.setRoot访问所需的根页面

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

pageYouWant: any = NameOfPage;

constructor(public navctrl: NavController){}

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

给我们看看你的代码,很难调试而看不到它。你能把你的代码粘贴在这里吗?我已经把代码放好了。请检查您的答案是否会隐藏当前选项卡。是,它正在隐藏当前选项卡