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

发布时间：2020-12-17 08:25:07 所属栏目：安全来源：网络整理

导读：是否可以在同一个模板中设置多个路由器插座？如果是，那么如何配置路由？我正在使用angular2 beta。谢谢。是的，可以，但是您需要使用辅助路由。你需要给你的路由器插座一个名字： router-outlet name="auxPathName"/router-outlet 并设置您的路由配置

是否可以在同一个模板中设置多个路由器插座？

如果是，那么如何配置路由？

我正在使用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'}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!