Angular2多个路由器插座在同一个模板中

前端之家收集整理的这篇文章主要介绍了Angular2多个路由器插座在同一个模板中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以在同一个模板中设置多个路由器插座?

如果是,那么如何配置路由?

我正在使用angular2 beta。

谢谢。

是的,可以,但是您需要使用辅助路由。
你需要给你的路由器插座一个名字:
<router-outlet name="auxPathName"></router-outlet>

并设置您的路由配置:

@RouteConfig([
  {path:'/',name: 'RetularPath',component: OneComponent,useAsDefault: true},{aux:'/auxRoute',name: 'AuxPath',component: SecondComponent}
])

看看这个例子:http://plnkr.co/edit/JsZbuR?p=preview
还有这个视频:@L_301_1@

RC.5更新
辅助路线有所改变:
在你的路由器插座上使用一个名字:

<router-outlet name="aux">

在你的路由器配置:

{path: '/auxRouter',component: secondComponentComponent,outlet: 'aux'}

猜你在找的Angularjs相关文章