1

我正在开发一个带有一些链式出口路由的 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'

4

0 回答 0