Question

我们可以在Angular 2的同一组件视图中添加多个辅助路由，是否可以同时激活它们？如果是，那么它的URL是什么？

Angular 2版本：2.0.0-rc.4

Angular Router版本：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)

知道为什么它不起作用吗？

提前致谢。

Answer 1

我能够解决这个问题，URL需要像下面一样进行修正，

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

以下是Plunker!!

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

1 个答案: