Skip to content

[Ionic v4] IonicModule breaks angular router / Multiple ion-router-outlets / Multiple tabs pages not working #14888

@ghost

Description

Bug Report

Ionic Info

Ionic:

   ionic (Ionic CLI)          : 4.0.0 
   Ionic Framework            : @ionic/angular 4.0.0-beta.0
   @angular-devkit/core       : 0.7.0-rc.3
   @angular-devkit/schematics : 0.7.0-rc.3
   @angular/cli               : 6.0.8
   @ionic/ng-toolkit          : 1.0.0
   @ionic/schematics-angular  : 1.0.0

System:

   NodeJS : v8.11.1 (C:\Program Files\nodejs\node.exe)
   npm    : 6.2.0
   OS     : Windows 10

Describe the Bug
Navigation is stuck after navigating between two components with child routes and ion-router-outlets. This works in angular with router-outlet but not after IonicModule is imported.

Steps to Reproduce
Steps to reproduce the behavior:

  1. Go to https://ion-router-outlet-bug.stackblitz.io/first/tab1
  2. Click through Tab 1 - 3 and see the content change.
  3. Click "Second Tabs Page"
  4. Click through Tab 4 - 6 and see the content change.
  5. Click "First Tabs Page" (navigating you back)
  6. The content is now stuck to the last tab you clicked.

Related Code
https://stackblitz.com/edit/ion-router-outlet-bug

Expected Behavior
Navigation should still work after navigating from /first to /second

The docs states that should behave as angular's

Possibly related
[Ionic v4] Returning to tabs from another page causes tabs to break #14885
#14885

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions