Closed
Description
Nested <router-outlet>
stops working after page navigation.
The problem occurs when you have <router-outlet>
nested inside a <page-router-outlet>
. When you navigate to another page and then back again, the nested <router-outlet>
remains empty and you can no longer navigate in it.
Repro:
- Run this sample from the ng-sample app
- Click "Start" -> navigates to second page with nested outlet (green background)
- Click "Nav to First" -> forward navigation the first page
- Click back -> we are back to the previous page, but the nested outlet (with the green background) is gone
Issue reproducible for both Android and IOS.