Angular 2 how does auxiliary routes work in 2.1.0?

问题

I have this route:

{
   path: 'dashboard',
   loadChildren: '../pages/dashboard/dashboard.module#DashboardModule'
}

With the dashboard's router looking like this:

@NgModule({
  imports: [
    ComponentsModule,
    SharedModule,
    RouterModule.forChild([
      {
        path: '',
        component: DashboardComponent
      }
    ])
  ],
  declarations: [
    DashboardComponent
  ]
})
export class DashboardRouterModule {}

And in my parent view (which is /admin, dashboard route is /admin/dashboard), I have a <router-outlet name="admin"></router-outlet>, but I can't seem to figure out the syntax for this because I just get a bunch of errors whenever I try.

Here's what I tried:

{
   path: 'dashboard(admin: '')',
   loadChildren: '../pages/dashboard/dashboard.module#DashboardModule'
}

{
   path: 'dashboard(admin: dashboard)',
   loadChildren: '../pages/dashboard/dashboard.module#DashboardModule'
}

(router):

 {
   path: '(dashboard: '')',
   component: DashboardComponent
 }

 {
   path: '',
   component: DashboardComponent,
   outlet: 'admin'
 }

What is the correct way?

回答1:

In the parent router:

{
   path: 'dashboard',
   loadChildren: '../pages/dashboard/dashboard.module#DashboardModule',
   outlet: 'admin'
}

and go with /(admin:dashboard)

来源：https://stackoverflow.com/questions/40124618/angular-2-how-does-auxiliary-routes-work-in-2-1-0