I have a web application that is separated into two distinct applications and each has their own routing. These application are arranged in tabs at the root of the application. Each will have a set of tabs for application specific functionality. Each of these tabs are split into three panels and use secondary named routes to display the view in each. Here is stackblitz mock up:
https://stackblitz.com/edit/angular-by3crx?file=src%2Fapp%2Fapp.module.ts
So at the top level you have the apps Fish Cleaner and Turtle Scrubber. Only Fish Cleaner does anything right now. And if you click Fish Cleaner you have the options of Creation and Configuration. Clicking creation will bring up the Cleaner Creation options, arranged Details - Cleaner - Properties. If the user clicks creation again the secondary outlets disappear since they are activated in the ngAfterViewInit and this will not be called again for subsequent navigations to the same URL. The question is, is there anyway to reload these secondary outlets when the a user navigates in this fashion?