Angular 4中的路由 - 嵌套子代-Java 学习之路

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

代码

应用路由

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

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

我似乎有的问题是我必须添加 <router-outlet> 到 ClaimDashboardComponent 所以当我加载URL claim/1/details 时，两个组件似乎都出现了 .

我只想加载 ClaimDetailsComponent 并删除 ClaimDashboardComponent HTML .

1 回答

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

回复于 2024-04-25T08:25:26+08:00

Angular 4中的路由 - 嵌套子代

代码

1 回答

相关问题