Question

这是对此的跟进问题： Angular 2 how does auxiliary routes work in 2.1.0?

我也试过看这个但是它并没有真正解决这个问题：How to render the child route into the router-outlet of the parent`s parent

如果我的父路线/admin的{{1}}如下所示：

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

我将通过const routes: Routes = [ { path: '', component: AdminAreaComponent, canActivate: [AuthGuardService] }, { path: 'login', loadChildren: '../pages/+login/login.module#LoginModule', outlet: 'admin' }, { path: 'dashboard', loadChildren: '../pages/+dashboard/dashboard.module#DashboardModule', outlet: 'admin' } ];访问信息中心，但现在我需要将/admin(admin:dashboard)的子视图呈现为与仪表板dashboard相同的router-outlet。该观点如下：

admin

但是，当我尝试通过const routes: Routes = [ { path: '', component: DashboardComponent }, { path: 'brands', loadChildren: '../pages/+brands/brands.module#BrandsModule', outlet: 'admin' } ];访问此路线时出现错误：

/admin(admin:dashboard/brands)

我猜测我在路线配置中做错了什么。

我该如何解决这个问题？

Answer 1

尝试：

const routes: Routes = [
  {
    path: '',
    component: DashboardComponent,
    children: [
        {
            path: 'brands',
            loadChildren: '../pages/+brands/brands.module#BrandsModule'
        }
    ]
  }  
];

和/admin/(admin:dashboard//brands)

Answer 2

这可能听起来很疯狂，但为什么不让dashboard成为admin的子模块？

如何将孙子视图渲染到与第一个孩子相同的路由器插座？

2 个答案: