Angular Nested Routes
--- --- Angular Nested Routes In case something like this is needed Main (has the main router-outlet Settings (has its own router-outlet) Sites Users Other… Create the app with routing support ng new angular-nested-routes --routing-true Add a module for administration with its own routing support ng g module admin --routing=true Add AdminModule to the imports declaration of app.module @ NgModule ( { declarations : [ AppComponent ] , imports : [ BrowserModule , AppRoutingModule , AdminModule ] , providers : [ ] , bootstrap : [ AppComponent ] } ) export class AppModule { } Set path structure in admin-routing.module.ts const routes : Routes = [ { path : 'settings' , component : SettingsComponent , children : [ { path : 'sites' , component : SitesComponent } , { path : 'users' , component : UsersComponent } ] } ...