Route Modules

app.module.ts

@NgModule({
  imports: [
    routing,
    MainModule
  ]
})
export class MainModule {}

app.routes.ts

const routes: Routes = [
  {path: 'home', component: Home},
  {path: 'settings', component: Settings},
  {path: '', redirectTo: '/home', pathMatch: 'full'}
]

export const routing = RouterModule.forRoot(routes);

flattened-routes-example.ts

// The router will flatten all the route arrays together

const routes: Routes = [
  {path: 'home', component: Home},
  {path: 'settings', component: Settings},
  {path: '', redirectTo: '/home', pathMatch: 'full'},
    {
      path: 'apis’,
      component: Main,
      children: [
       {path: ':apiCall', component: ApiDocList},
       {path: ':apiCall/detail/:operation', component: ApiDocDetail}
      ]
    }
  ]    
]

main.module.ts

@NgModule({
  imports: [
    mainRouting
  ]
})
export class MainModule {}

main.routes.ts

const mainRoutes: Routes = [
    {
      path: 'apis’,
      component: Main,
      children: [
       {path: ':apiCall', component: ApiDocList},
       {path: ':apiCall/detail/:operation', component: ApiDocDetail}
      ]
    }
]

export const mainRouting = RouterModule.forChild(mainRoutes);

The flattened-routes-example.ts has some minor issues, probably some copy-pasting errors. It has one []](https://gist.github.com/brandonroberts/f17493b416092055615b8fc0830c127a#file-flattened-routes-example-ts-L16) too much at the end.

const routes: Routes = [
  {path: 'home', component: Home},
  {path: 'settings', component: Settings},
  {path: '', redirectTo: '/home', pathMatch: 'full'},
  {
    path: 'apis',
    component: Main,
    children: [
      {path: ':apiCall', component: ApiDocList},
      {path: ':apiCall/detail/:operation', component: ApiDocDetail}
    ]
  }
]