When attempting to access the maindetail and childdetails pages using :/id, I encountered an issue on localhost where the desired card was not displaying on the maindetail page.
The goal is to be able to click on the name "aniq" in the dashboard (image 1) and have it direct to the child detail page. However, upon reaching the child detail page, the intended card is not appearing (image 2). Strangely, upon revisiting the link localhost:8100/maindetail (image 3), the card shows up. I am unsure what the problem may be. Any assistance would be greatly appreciated. Thank you.
Below is my 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' },
];