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

诀窍。