javascript - Angular 6 辅助路由

Question

所以我的想法是，我正在导航到一个管理页面，然后想仅在该页面上使用侧边导航来加载该页面中的各种组件。

所以我很确定辅助路由是最好的情况，如果我错了请告诉我。

  { path: 'userAccounts', component: UserManagementComponent, canActivate: [LoggedInGuard]},
  { path: 'admin', component: AccountCreationPageComponent, outlet:'admin' },

<div class="navigation_items" *ngFor="let x of data" 
 [routerLink]="[ { outlets: { 'admin':['admin']}}]">{{x.id}}</div>
    <router-outlet name="admin"></router-outlet>

基本上我假设我的语法在某处是错误的，或者我不太了解 Aux 路由是如何工作的，因为这不会显示管理路径

如有任何帮助，我们将不胜感激。

Answer 1

看起来子路由必须嵌套在父路由中，所以

  {
    path: 'userAccounts', component: UserManagementComponent, canActivate: [LoggedInGuard], children: [
      { path: 'admin', component: AccountCreationPageComponent, outlet: 'admin' }
    ]
  }

成功了。