How to get a list of nested routes declared in the router?

Question

I have a dashboard route in my Angular 2 App which has few child routes.

{ path: 'app/:property', component: DashboardComponent, canActivate: [AuthGuardService], 
  children: [
    { path: 'home', component: HomeComponent }
    { path: 'welcome-slide', component: WelcomeSlideComponent }
    { path: 'analytics', component: AnalyticsComponent }
  ]
},

Is there a way for me to get a list of the child routes with their path (and maybe also a name) which I can then use them to populate my navigation bar with them ?

Just import this config wherever you want :) – yurzui Feb 23 '17 at 11:09 — yurzui, Feb 23 '17 at 11:09

score 2 · Accepted Answer · answered Feb 23 '17 at 11:06

this.router.config

Routes don't have a name though, but the other information is available.

See also https://angular.io/docs/ts/latest/api/router/index/Routes-type-alias.html

Using router.routerState you can also iterate parent and child routers to get the routes from them.

How to get a list of nested routes declared in the router?

1 Answers1