IONIC5(Side Menus)-I have two different category pages and for both i need different sidemenu option

Ionic Framework
1

Two Different Sidemenus

Example

Candidate
->Find Job
->Candidate profile

Client
->Post Job
->Client Profile

I am new one in IONIC ,any one Help…

2

You could do it with a workaround in your menu page. Just remember where you are at the moment in a variable and display the menu entries you want based on your variable.

3

i create single menu page but did not create 2 different menu pages

app.components.ts

export class AppComponent {

  navigate : any;

  constructor(

    private platform: Platform,

    private splashScreen: SplashScreen,

    private statusBar: StatusBar,

    private storage:Storage,

    public navCtrl:NavController

  ) {

    this.sideMenu();
  }

    });

  }

  sideMenu()

  {

    this.navigate =

    [

      {

        title : 'Home',

        url   : '/home',

        icon  : 'home'

      },

      {

        title : 'Edit Profile',

        url   : '/edit-profile',

        icon  : 'chatboxes'

      },

      {

        title : 'Upload Video',

        url   : '/upload-video',

        icon  : 'chatboxes'

      },

      

    ]

  }

}

app.component.html

<ion-content>

        <div class="content">

        <ion-list *ngFor="let pages of navigate">

        <ion-menu-toggle auto-hide="true">

          <ion-item [routerLink]="pages.url" routerDirection="forward">

              <ion-icon [name]="pages.icon" slot="start"></ion-icon>

                 {{pages.title}} 

          </ion-item>

        </ion-menu-toggle>

        </ion-list>

      </div>

      </ion-content>

home.page.html


<ion-header>

  <ion-toolbar [color]="dynamicColor">

    <ion-buttons slot="start">

      <ion-menu-button></ion-menu-button>

      </ion-buttons>

    <ion-title>Home</ion-title>

    <ion-buttons slot="end">

      <ion-button  (click)="processLogout()">

        <ion-icon slot="icon-only" name="exit"></ion-icon>

      </ion-button>

    </ion-buttons>

  </ion-toolbar>

</ion-header>
4

You don’t need two different menu pages if you follow my suggestion.

You should first follow some tutorials about how side-menu works.
Maybe try this one: https://www.youtube.com/watch?v=I82_roQSgco

5

ok thank you i will check…