Angular 8 - How to dynamiclaly add children routes

Question

I have a parent module, client-migration.module.ts that is being lazily loaded in app-routing.module.ts . In client-migration-routing.module.ts , I need to somehow load routes that are coming from a service. How can I achieve that?

Answer 1

According to your question I think what you need is Multiple Router Outlets so that you can dynamically load different components in different sections of your page.
Here one is primary outlet and second is named outlet

<router-outlet></router-outlet>  
<router-outlet  name="sidebar"></router-outlet> 

In your routing.module.ts you can add route like this.

{
   path: "",
   component: SidebarComponent,
   outlet: "sidebar"
}

You can call the service no problem in that.

That's it you are good to go, here is the reference Link