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' }
    ]
  }

成功了。