Может app-routing.module.ts имеет 2 пути с: / id

Question

Я пытаюсь открыть страницу maindetail и childdetails с: / id. Но когда я запускаю его на локальном хосте, на странице maindetail нет нужной мне карты.

Что я пытаюсь сделать, так это то, что я могу щелкнуть имя «aniq» на приборной панели (изображение 1) и показать страницу с подробностями о ребенке. Но на странице детального описания не отображается нужная мне карта (изображение 2). Однако, когда я пытаюсь повторно ввести ссылку localhost: 8100 / maindetal (изображение 3), карта показывает. Я не знаю, что не так. Может кто-нибудь помочь мне, спасибо.

это мой app-routing.module.ts

const routes: Routes = [
  { path: 'login', loadChildren: './login/login.module#LoginPageModule' },
  { path: 'register', loadChildren: './register/register.module#RegisterPageModule' },
  { path: '', redirectTo: 'login', pathMatch: 'full' },
  { path: '', loadChildren: './pages/tabs/tabs.module#TabsPageModule' },
   { path: 'maindetail', loadChildren: './pages/maindetail/maindetail.module#MaindetailPageModule' },
  { path: 'maindetail/:id', loadChildren: './pages/maindetail/maindetail.module#MaindetailPageModule' },
  { path: 'childdetails', loadChildren: './pages/childdetails/childdetails.module#ChilddetailsPageModule' },
  { path: 'childdetails/:id', loadChildren: './pages/childdetails/childdetails.module#ChilddetailsPageModule' },
];

изображение 1

изображение 2 изображение 3

Answer 1

Да, вы можете иметь несколько маршрутов с параметрами в Angular.Вы даже можете иметь несколько параметров на одном маршруте!

Однако обычно при использовании модулей с отложенной загрузкой внутри этого модуля с отложенной загрузкой будет иметься другой модуль маршрутизации.Я знаю, что слово «модуль» часто встречается, поэтому я приведу его в пример, который, надеюсь, поможет.,Ниже у нас есть только один маршрут для /childdetails

const routes: Routes = [
  { path: 'childdetails', loadChildren: 
 './pages/childdetails/childdetails.module#ChilddetailsPageModule' },
];

Но мы хотим получить идентификатор, который будет передан в качестве параметра маршрута.Поэтому мы создаем файл с именем childdetails-routing.module.ts, где бы ни находился наш модуль.Внутри этого файла у нас будет почти такая же настройка, как я покажу ниже:

const routes: Routes = [
  { path: ':id', component: yourChildDetailComponent },
];

Вы можете обратиться к точной документации, чтобы получить точную информацию https://angular.io/guide/lazy-loading-ngmodules#configure-the-feature-modules-routes