所以我的想法是,我正在导航到一个管理页面,然后想仅在该页面上使用侧边导航来加载该页面中的各种组件。
所以我很确定辅助路由是最好的情况,如果我错了请告诉我。
{ 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 路由是如何工作的,因为这不会显示管理路径
如有任何帮助,我们将不胜感激。
最佳答案
看起来子路由必须嵌套在父路由中,所以
{
path: 'userAccounts', component: UserManagementComponent, canActivate: [LoggedInGuard], children: [
{ path: 'admin', component: AccountCreationPageComponent, outlet: 'admin' }
]
}
成功了。
关于javascript - Angular 6 辅助路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52336248/