Hi I am new to IONIC 2.
I have a Side menu in my application with sub-menue like this.
Page 1 (Menu)
Page 1.0 (Sub Menu)
Page 1.1 (Sub Menu)
Page 1.2 (Sub Menu)
Page 2
Page 2.0 (Sub Menu)
Page 2.1 (Sub Menu)
Page 2.2 (Sub Menu)
Page 3
Page 3.0 (Sub Menu)
Page 3.1 (Sub Menu)
Page 3.2 (Sub Menu)
I have only 1 component for all the pages with different id’s in that.
How will i do this by dynamic URL routing?
How will i navigate from one url to another?
I want to set URL like this
Localhost:8000/#/componentName/4554/0
In routepath i have => componentName/4554/0
Code
< ion-list>
< button menuClose ion-item *ngFor=“let p of pages” (click)=“openPage(p.navData.routepath)”>
{{p.navData.display_name}}
< ion-list>
< button menuClose ion-item *ngFor=“let menudata of p.navData.data” (click)=“openPage(menudata.routepath)”>
{{menudata.title}}
< /button>
< /ion-list>
< /button>
< /ion-list>
app.component.ts
openPage(page) {
console.log("OPEN",page);
this.nav.setRoot(page);
}
Thank You