2016-07-28 68 views
1

我們可以在Angular 2的相同組件視圖中添加多個輔助路由,並且它們是否可以同時激活?如果是的話,那麼可以是相同的URL?Angular 2中的相同組件上的多個輔助路由

角2版本:2.0.0-rc.4

角路由器版本:3.0.0-beta.2

app.html

<router-outlet></router-outlet> 
    <router-outlet name='aux1'></router-outlet> 
    <router-outlet name='aux2'></router-outlet> 

路由配置

{ path: "route1", component: route1Component } 
    { path: "aux1-route", component: aux1RouteComponent, outlet: "aux1" } 
    { path: "aux2-route", component: aux2RouteComponent, outlet: "aux2" } 

有了一個輔助路線的URL就可以了,

#/route1(aux1:aux1-route) 
    #/route1(aux2:aux2-route) 

上述路線工作, 大約有多個途徑,我下面嘗試什麼,但它不工作

#/route1(aux1:aux1-route)(aux2:aux2-route) 

任何想法,爲什麼它是不工作?

在此先感謝。

+0

您是否嘗試過與路由器3.0.0-beta.2?輔助路線有幾個問題,已經包含在下一個版本中。 –

+0

沒有運氣,「@ angular/router」:「3.0.0-beta.2」。 –

回答

2

我能解決這個問題,URL需要像下面加以糾正,

/route1(aux1:aux1-route//aux2:aux2-route) 

這裏是Plunker!!

相關問題