我怎样才能让 child 路线在其 parent 路线旁边打开？

Question

我有这条路线，路径 /customers 应该处理 children。

{ 
    path: '/customers/...', 
    name: 'CustomerList', 
    component: CustomersComponent,
    useAsDefault: true
}

客户组件

@Component({
    template: `
    <div class="col-lg-4">
        <router-outlet></router-outlet> 
       </div>
    `,
    directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
    { path: '/',    component: CustomerListComponent,   name: 'CustomerList', useAsDefault: true },
    { path: '/:id', component: CustomerDetailComponent, name: 'CustomerDetail' }
])
export class CustomersComponent {
}

如何映射我的路线，以便我可以在左侧显示我的列表并选择一个项目将在右侧打开它，同时将 URL 从 /customers 更改为 /customers/1?

目前的情况是，选择客户会在一个全新的页面中打开。我假设这是因为我的 CustomersComponent 只有 1 个 router-outlet，可以是 CustomerListComponent 或 CustomerDetailComponent.

Answer 1

你可以在这里找到答案Plunker from CaptainCodeman originally posted here。

此 Angular 期中有很多附加信息。

我怎样才能让 child 路线在其 parent 路线旁边打开？

How can I get a child route to open beside its parent counterpart?

angular

angular2-routing