我正在开发一个带有一些链式出口路由的 Angular 4 应用程序,但在使用路由出现弹出窗口时遇到了一些麻烦。基本上弹出路由的路径是“pages/admin/user-management/new”,路由是这样配置的:
第一个组件定义了这个模板和路由:
<router-outlet></router-outlet>
{
path: 'pages',
loadChildren: './pages/pages.module#PagesModule',
data: {
authorities: ['ROLE_USER']
},
canActivate: [UserRouteAccessService]
}
pages 模块定义了这个:
<router-outlet></router-outlet>
{
path: 'admin',
loadChildren: './admin/admin.module#BaseAdminModule',
}
最后,管理模块定义了这一点:
<router-outlet></router-outlet>
<router-outlet name="popup"></router-outlet>
{
path: 'user-management/new',
component: UserDialogComponent,
outlet: 'popup'
}
但是我无法弄清楚如何以显示弹出窗口的方式配置 routerLink,尝试了这个和很多变体:
[routerLink]="['/',{ outlets: { primary:'pages/admin',popup: ['user-management/new'] } }]"
但我总是收到:
ERROR 错误:未捕获(在承诺中):错误:无法匹配任何路由。URL 段:'user-management%2Fnew'