Menu with sub-menue with dynamic routing

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