Bug Report

Ionic Info

   ionic (Ionic CLI)          : 4.1.2 (C:\Users\ariefolo\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.12
   @angular-devkit/core       : 0.8.3
   @angular-devkit/schematics : 0.8.3
   @angular/cli               : 6.2.3
   @ionic/ng-toolkit          : 1.0.0
   @ionic/schematics-angular  : 1.0.1

Describe the Bug In my app, i navigate between two pages. My first page is a list of stations and my second page display details station. For navigate to details station i use this:

this.router.navigate(['station'], {queryParams: station});

And for go back:

this.location.back();

In my detail page i get the station like this:

let stationObservable = this.route.queryParamMap.pipe(
      switchMap(params => {
        this.station = params["params"];
        console.log("STATION ========> "+this.station.name);
        return this.ginkoService.fetchTempsLieu(this.station.name);
      })
    );
    stationObservable.subscribe((stationAttente) =>{
   
    });

when I navigate several times between the two pages and change stations, sometimes the station does not change while the url has changed. At this moment i can see in the debug console

router-outlet destroyed

Steps to Reproduce Steps to reproduce the behavior:

1. Navigate between two pages.
2. Change station
3. Sometimes the station doesn’t change
4. Router-outlet destroyed

Additional Context This is my route:

const routes: Routes = [
  { path: '', loadChildren: './tabs/tabs.module#TabsPageModule', canActivate: [AuthGuard] },
  { path: 'tabs', loadChildren: './tabs/tabs.module#TabsPageModule', canActivate: [AuthGuard] },
  { path: 'station', loadChildren: './pages/station/station.module#StationPageModule', canActivate: [AuthGuard] },
  { path: 'schedule', loadChildren: './pages/schedule/schedule.module#SchedulePageModule', canActivate: [AuthGuard] }
];