Ionic2 离子2标签问题
我使用ionic 2创建了一个包含3个选项卡的页面。在一个页面中,我创建了一个按钮,单击该按钮后,我通过执行 push命令,但每当我单击包含子页面的选项卡时,我无法看到根页面,而是看到新的子页面。 我想在重新访问选项卡页面时查看根页面 下面是我的代码。。在这里,您可以签入about.html。我放置了一个按钮来导航到子页面。导航正在进行,但一旦导航,如果不单击“上一步”按钮,我将无法看到about选项卡页面Ionic2 离子2标签问题,ionic2,Ionic2,我使用ionic 2创建了一个包含3个选项卡的页面。在一个页面中,我创建了一个按钮,单击该按钮后,我通过执行 push命令,但每当我单击包含子页面的选项卡时,我无法看到根页面,而是看到新的子页面。 我想在重新访问选项卡页面时查看根页面 下面是我的代码。。在这里,您可以签入about.html。我放置了一个按钮来导航到子页面。导航正在进行,但一旦导航,如果不单击“上一步”按钮,我将无法看到about选项卡页面 tabs.html <ion-tabs> <io
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)
}
给我们看看你的代码,很难调试而看不到它。你能把你的代码粘贴在这里吗?我已经把代码放好了。请检查您的答案是否会隐藏当前选项卡。是,它正在隐藏当前选项卡