如何在angular2 RC4中进行多重路由(路由器出口)

Question

我在多个路由时发现问题，它在单个路由器中加载，以及如何告诉组件在特定的命名出口中加载？我发现RouterConfig中有一个属性，我可以使用outlet来命名路由器出口，但我不知道如何将其与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参数将提供给两个子路由。如果您没有提供id，请将其删除。