Zurück Navigation arbeitet mit Browser Zurück-Taste nicht

Question

ich implementiert eine Registerkarten mit Seitenmenü Schnittstelle auf https://www.djamware.com/post/587d543080aca723c115beaf/how-to-mixing-side-menu-and-tabs-in-ionic-2 gesehen. Die Dinge funktionieren gut, wie es von der Anleitung abgesehen von einem Problem vorgesehen war. Nehmen Sie dieses Beispiel:

1. Benutzer ist auf Tab1.
2. Benutzer zu Tab2 navigieren entscheidet, klickt Tab2.
3. Benutzer wollen zurück Tab1 navigieren, klickt vorherige Schaltfläche auf Chrome.

PROBLEM: Benutzer zu navigieren zurück nicht in der Lage, wenn vorherige/Zurück-Taste angeklickt wird, anstatt die URL ändert aber der aktive Tab nicht.

Zurück-Taste funktioniert für alle Seiten außer auf Registerkarten.

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

Die Repo an dem ich arbeite ist bei https://github.com/jjjhanreyyy/Prosecutor-App

Answer 1

Von

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

Änderung es

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

Dies wird von diesem Github repo abgeleitet.