Two Different Sidemenus
Example
Candidate
->Find Job
->Candidate profile
Client
->Post Job
->Client Profile
I am new one in IONIC ,any one Help…
Two Different Sidemenus
Example
Candidate
->Find Job
->Candidate profile
Client
->Post Job
->Client Profile
I am new one in IONIC ,any one Help…
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.
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>
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
ok thank you i will check…