Angular 2 路由器 - 命名出口

文档不是很好，但我试图在同一页面/路由上有不同的路由器出口。

我的 app.component.html 中有这个

<router-outlet></router-outlet>
<router-outlet name="dashboard"></router-outlet>

我的应用程序.routes.ts

{
    path: '',
    component: HomeComponent,
    outlet: 'primary'
},
{
    path: '',
    component: DashboardComponent,
    outlet: 'dashboard'
},
{
    path: '**',
    redirectTo: '404'
}

因此，在我的起始页（即“example.com”，而不是“example.com；dashboard：dashboard”）上，我想在主路由器出口中显示 Home 组件，在仪表板出口中显示我的 Dashboard 组件。这适用于 ngrs/router，但由于它已被弃用，我正在尝试迁移。是否可以在角度/路由器中没有 ;dashboard:dashboard ？

通过此配置，我被重定向到 404。我也尝试过此操作，但没有成功：

{
    path: '',
    component: HomeComponent,
    children: [
        {
            path: '',
            component: DashboardComponent,
            outlet: 'dashboard'
        }
    ]
},

有没有人设法让指定的路由器插座正常工作？

UPDATE关于从 ngrx/router 到 Angular/router 的迁移说明，您应该能够得到以下内容：

{
    path: 'blog',
    component: HomeComponent,
    outlet: 'main'
},
{
    path: 'blog',
    component: RegisterComponent,
    outlet: 'dashboard'
}

但是当我访问 example.com/blog 时，我在控制台中收到此错误：

错误：无法匹配任何路由：“博客”

https://github.com/ngrx/router/blob/master/docs/overview/migration.md

试试这个配置：

{
    path: 'wrap',
    component: HomeComponent,
    children: [
        {
            path: 'dash',
            component: DashboardComponent,
            outlet: 'dashboard'
        }
    ]
}

with:

this.router.navigateByUrl('/wrap(dashboard:dash)');

我不知道为什么需要一个 url 片段（比如我添加的“wrap”），但它有效......

和其他人：

{
    path: 'blog',
    component: HomeComponent,
    outlet: 'main'
},
{
    path: 'blog',
    component: RegisterComponent,
    outlet: 'dashboard'
}

with:

this.router.navigateByUrl('/(main:blog)');
this.router.navigateByUrl('/(dashboard:blog)');