我实现了一个带有侧菜单界面的选项卡,如https://www.djamware.com/post/587d543080aca723c115beaf/how-to-mixing-side-menu-and-tabs-in-ionic-2 所示。一切运行良好,因为它是从教程中得到的,除了一个问题。拿这个例子:
问题:当单击上一个/后退按钮时,用户无法返回导航,而是 url 更改但活动选项卡没有。
后退按钮适用于除标签页之外的所有页面。
标签页.html
<ion-tabs [selectedIndex]="myIndex">
<ion-tab tabIcon="home" [root]="tab1Root" tabTitle="Home"></ion-tab>
<ion-tab tabIcon="timer" [root]="tab2Root" tabTitle="Schedules"></ion-tab>
<ion-tab tabIcon="briefcase" [root]="tab3Root" tabTitle="Cases"></ion-tab>
tabs.ts
@IonicPage()
@Component({
selector: 'page-tabs',
templateUrl: 'tabs.html',
})
export class TabsPage {
tab1Root= 'HomePage';
tab2Root= 'SchedulePage';
tab3Root= 'CasesPage';
myIndex: number;
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
}
从
@IonicPage()
@Component({
selector: 'page-tabs',
templateUrl: 'tabs.html',
})
将其更改为
@IonicPage({
segment: 'page-tabs'
})
@Component({
templateUrl: 'tabs.html'
})
这是从这个 Github repo派生的。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句