Question

我正在开发一个带有一些链式出口路径的Angular 4应用程序，我在使用路由显示弹出窗口时遇到了一些麻烦。基本上弹出路径的路径是“pages / admin / user-management / new” 路由配置方式如下：

第一个组件定义了这个模板和路线：

<router-outlet></router-outlet>
{
    path: 'pages',
    loadChildren: './pages/pages.module#PagesModule',
    data: {
        authorities: ['ROLE_USER']
    },
    canActivate: [UserRouteAccessService]
}

页面模块定义了这个：

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

但我总是收到：

错误错误：未捕获（在承诺中）：错误：无法匹配任何路由。网址细分：'user-management％2Fnew'

Angular 4 - 无法使用多个插座打开弹出窗口

0 个答案: