从Angular 2应用程序中的任何位置关闭辅助路径

时间:2016-08-12 15:39:28

标签: angular angular2-routing

如何在没有辅助路线的情况下获取路线信息?场景是关闭辅助路线,为此我想从当前路线中删除辅助路线信息并导航到新路线,

所以我要找的是从当前路线中删除aux1-route

/route1(aux1:aux1-route;id=123)  -> /route1
/route1(aux1:aux1-route;id=123//aux2:aux2-route) -> /route1(aux2:aux2-route)

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" }

Angular 2 version : 2.0.0-rc.5

Angular Router version : 3.0.0-rc.1

还请建议是否有其他方法可以从应用程序的任何位置关闭辅助路径。

提前致谢!!

1 个答案:

答案 0 :(得分:7)

我能够使用以下代码解决此问题,

  this.router.navigate([{ outlets: { aux1: null } }]);

选中此Angular documentation