使用浏览器后退按钮返回导航无效

Question

我在https://www.djamware.com/post/587d543080aca723c115beaf/how-to-mixing-side-menu-and-tabs-in-ionic-2上看到了一个带有侧边菜单界面的标签。事情进展顺利，因为除了一个问题，它是从教程中得到的。举个例子：

1. 用户在Tab1上。
2. 用户决定导航到Tab2，单击Tab2。
3. 用户想要导航回到Tab1，点击Chrome上的上一个按钮。

问题：点击上一个/后一个按钮时，用户无法返回，而是更改了网址但活动标签没有更改。

后退按钮适用于除标签页以外的所有页面。

tabs.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) {
      }
    }

我正在处理的回购是https://github.com/jjjhanreyyy/Prosecutor-App

Answer 1

这

@IonicPage()
@Component({
  selector: 'page-tabs',
  templateUrl: 'tabs.html',
})

将其更改为

@IonicPage({
  segment: 'page-tabs'
})
@Component({
  templateUrl: 'tabs.html'
})

这是源于这个Github repo。