Angular 2插座并排

Question

如何使用路由出口并排呈现组件？据我所知，使用辅助插座不会解决我的问题，因为我所有的视图/路线都是连接的，应该按特定的顺序打开。

​

Answer 1

PrimaryTemplate：

<h1>PrimaryView</h1>
<div class="col-lg-6"> <!-- using bootstrap -->
    <first-level-child [firstId]="firstIdFromRouterParam"></first-level-child>
</div>
<div class="col-lg-6"> 
    <router-outlet></router-outlet>
</div>

PrimaryComponent：

@RouteConfig([
    { path: 'first/:firstId/second/:secondId', name: 'SecondLevelChild', component: SecondLevelChildComp}
])

您可以在本期的底部找到有关此主题的讨论：https://github.com/angular/angular/issues/6204