Angular 2中的相同组件上的多个辅助路由

我们可以在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)

任何想法，为什么它是不工作？

在此先感谢。

来源

2016-07-28 Madhu Ranjan

您是否尝试过与路由器3.0.0-beta.2？辅助路线有几个问题，已经包含在下一个版本中。 –

没有运气，“@ angular/router”：“3.0.0-beta.2”。 –

我能解决这个问题，URL需要像下面加以纠正，

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

这里是Plunker!!

来源

2016-08-04 20:41:22

Angular 2中的相同组件上的多个辅助路由

回答

相关问题