2016-06-24 43 views
2

我試圖路由到一個命名插座,但我無法這樣做。我修改了官方角色plunk(危機示例演示)。 我已經創建了危機center.component一個「細節」命名的出口和修改管理鏈接擊潰這一新的出口 <a [routerLink]="['/crisis-center/detail:admin']">Crisis Admin</a>Angular router v3:定位命名插座

這是行不通的。它導航到組件管理,但在默認出口我也試過導航方法,但也有類似的問題。

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

我試圖在管理路線定義增加出口以及但是還是同樣的問題

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

@角/路由器:3.0.0-alpha.7

=== ====編輯:======

@ angular/router:3.0.0-alpha.8

我已經更新了運動員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'` 

回答

2

更新

有一個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

+0

我有更新plunkr。 navigateByUrl沒有幫助。我試圖根據當前項目的要求創建級聯插座。 –

+0

你可以看看我的朋友有什麼不對嗎 –

+0

這個Plunker包含20個文件。我不知道要尋找什麼。 –