与父级位于同一出口的角状嵌套路线

Question

我具有以下路由器配置

{
  path: '',
  component: CustomerGridComponent,
  data: { breadcrumb: 'Customers' },
  children: [
    {
      path: 'customer/:id',
      component: CustomerDetailComponent,
      data: { breadcrumb: 'Detail' }
    }
  ]
}

我需要它来构建面包屑，例如客户>详细信息。 但是由于这是两个单独的组件，因此我希望Detail组件替换主插座（在app.component中）中的Grid组件。我尝试使用无组件的父组件，然后将Grid和Detail组件作为默认的Grid子组件，但是我不得不将面包屑放在无组件的父组件上，而在实际的Grid组件上似乎没有干净。