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
还有这个视频:https://www.youtube.com/watch?v=z1NB-HG0ZH4&feature=youtu.be

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

<router-outlet name="aux">

在你的路由器配置:

{path: '/auxRouter',component: secondComponentComponent,outlet: 'aux'}
原文链接:https://www.f2er.com/angularjs/145056.html

猜你在找的Angularjs相关文章