角度为4的布线-嵌套子级

我正在尝试实现多层次的嵌套子级,我想知道是否有人能够提供帮助。目前的问题是,当我有一个嵌套的子路由时,它需要包含另一个 <router-outlet> 因此,一页上会出现两个屏幕。

密码

应用程序路由

  { path: 'claim/:id', component: ClaimDashboardComponent, data: { breadcrumb: 'Claim' }, children: [
    { path: 'details', component: ClaimDetailsComponent, data: { breadcrumb: 'Details' } }
  ]}

现在您可以看到,例如,当用户点击URL时 claim/1 然后 ClaimDashboardComponent 将加载。然后,我希望能够单击组件内的一个框,然后加载该声明的详细信息。

我似乎遇到的问题是,我必须添加 <路由器出口> 到 ClaimDashboard组件 所以当我加载URL时 claim/1/details 这两个组件似乎都出现了。

我只想 ClaimDetailsComponent 加载和 ClaimDashboard组件 要删除的HTML。