Hi, I trying to open maindetail and childdetails page with :/id. But when I run it on localhost, there is no details that i wanted in maindetail page.
What I am trying to do is, i can click the name “aniq” in dashboard (image 1)and shows the child detail page. But the child detail page is not showing the card i wanted (image 2). However when I try to reenter the link localhost:8100/maindetal (image 3) the card is showing. I dont know what is wrong. Can anyone help me, thanks.
this 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' },
];
image 1
image 2
image 3
maindetail.html
<ion-content padding>
<ion-card [routerLink]="['/childdetails', profile.id]" *ngFor="let profile of (profiles | async)">
<ion-card-content>
<ion-card-title>{{profile.name}}</ion-card-title>
<p>{{profile.notes}}</p>
</ion-card-content>
</ion-card>
</ion-content>
tab1.html (dashboard)
<ion-content>
<ion-fab vertical="bottom" horizontal="end" slot="fixed">
<ion-fab-button routerLink="/childdetails">
<ion-icon name="add"></ion-icon>
</ion-fab-button>
</ion-fab>
<ion-searchbar type="item.dname"></ion-searchbar>
<ion-item button [routerLink] ="['/maindetail',profile.id]"*ngFor="let profile of (profiles | async)">
{{ profile.name }}
</ion-item>
</ion-content>
| build_android_cordova | 3 |
