代码之家  ›  专栏  ›  技术社区  ›  Munerz

角6辅助布线

  •  0
  • Munerz  · 技术社区  · 6 年前

    因此,我的想法是,我正在导航到一个管理页面,然后希望只在该页面上使用侧边导航加载该页面中的各种组件。

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

      { 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>
    

    基本上,我假设我的语法在某个地方是错误的,或者我不太了解辅助路由是如何工作的,因为这不会显示管理路径。

    任何帮助都将不胜感激。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Munerz    6 年前

    子路由似乎必须嵌套在父路由中,因此

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

    成功了。

    推荐文章