如何在angular2 RC4中进行多路由（路由器插座）？

Question

我在多路由时发现问题，它在单路由器中加载-oulet如何告诉组件在特定的命名出口加载？我发现在RouterConfig中有一个属性，我可以使用它来命名路由器插座，但我不知道将它与HTML链接。

Answer 1

https://angular.io/docs/ts/latest/api/router/index/RouterConfig-type-alias.html

定义具有两个路由器插座的UI ..

<div>
    <router-outlet></router-outlet>                       
    <router-outlet name="aux"></router-outlet>
</div>

然后有一个路由器配置，将组件路由到该空间。

[{
   path: 'parent/:id',
   children: [
     { path: 'a', component: MainChild },
     { path: 'b', component: AuxChild, outlet: 'aux' }
   ]
}]

注意：父路由的id参数将提供给两个孩子。如果您没有提供身份证，请将其删除。