как исправить то, что вложенный маршрут отображается перед другими вложенными маршрутами?

#angular

Вопрос:

В следующей конфигурации маршрута модуля функций происходит так, что, когда я указываю ссылку на пути к деталям и редактированию , она помещается перед редактированием и детализацией /list , таким образом, вместо получения пути, который выглядит следующим образом: http://localhost:4200/users-management/detail/1637693814762 Я получаю такой: http://localhost:4200/users-management/list/detail/1637693814762 . Вы можете увидеть /список в деталях спереди

 const routes: Routes = [  {  path: '',  redirectTo: 'list',  pathMatch: 'full',  },  {  path: '',  component: MainComponent,  children: [  {  path: 'list',  component: ListComponent,  resolve: {  users: GetUsersResolver,  },  },  {  path: 'create',  component: CreateComponent,  resolve: {  roles: GetRolesResolver,  },  },  {  path: 'detail/:id',  component: DetailComponent,  resolve: { user: GetUserByIdResolver },  },  {  path: 'edit/:id',  component: EditComponent,  resolve: { roles: GetRolesResolver, user: GetUserByIdResolver },  },  ],  }, ];  @NgModule({  imports: [RouterModule.forChild(routes)],  exports: [RouterModule], }) export class UsersManagementRoutingModule {}  

Модуль маршрутизации приложений выглядит примерно так

 const routes: Routes = [  {  path: 'login',  loadChildren: () =gt;  import('./core/login/login.module').then((m) =gt; m.LoginModule),  },  {  path: 'admin',  loadChildren: () =gt;  import('./project/admin/admin.module').then((m) =gt; m.AdminModule),  },  {  path: 'users-management',  loadChildren: () =gt;  import('./project/users-management/users-management.module').then(  (m) =gt; m.UsersManagementModule  ),  },  {  path: '',  redirectTo: 'login',  pathMatch: 'full',  },  {  path: '**',  redirectTo: '/404',  }, ];  @NgModule({  imports: [RouterModule.forRoot(routes)],  exports: [RouterModule], }) export class AppRoutingModule {}  

Как я могу получить ожидаемый результат?

Заранее спасибо