Angular 路由器 v3：针对命名插座

Question

我正在尝试路由到指定的插座，但我无法这样做。我已经修改了官方 angular 插件（危机示例演示）。我在 crisis-center.component 中创建了一个名为 "detail" 的出口并修改了 Admin link 以路由到这个新出口 <a [routerLink]="['/crisis-center/detail:admin']">Crisis Admin</a>

这是行不通的。它导航到组件管理员，但在默认插座中，我也尝试使用导航方法，但也有类似的问题。

http://plnkr.co/edit/KXOGwX8bW0AYc86OgVdQ?p=preview

我也尝试在管理路由定义中添加插座，但仍然是同样的问题

 `{
        path: 'admin',
        component: CrisisAdminComponent,
        outlet: 'detail',
        canActivate: [AuthGuard]
      }`,

@angular/router : 3.0.0-alpha.7

=======编辑：======

@angular/router : 3.0.0-alpha.8

我已经更新了 plunker https://plnkr.co/edit/Kn4yBi5oytNVcFvUvGLR?p=preview。现在我在指定的管理插座中加载管理组件

我在使用 navigateByUrl 时在控制台中遇到以下错误。

`platform-browser.umd.js:2311 EXCEPTION: Error: Uncaught (in promise): Error: Cannot match any routes: 'crisis-center/admin:admin'`

Answer 1

更新

有一个fix on it's way登陆RC.5

原创

routerLink 尚不支持命名 <router-outlet>。使用 router.navigateByUrl() 这已经可以实现，但是辅助路由没有得到完全支持并且有几个已知问题。

示例：

this._router.navigateByUrl("/crisis-center(aux:chat;open=true)");

另见 Angular2 router in one component

Plunker example

Angular 路由器 v3：针对命名插座

Angular router v3: targeting named outlet

angular2-routing

angular