Ionic multiple same sided menus
An application can have multiple menus on the same side. In order to determine the menu to control, an id
should be passed. In the example below, the menu with the authenticated
id will be enabled, and the menu with the unauthenticated
id will be disabled.
`<**ion-menu** id="***authenticated***" side="left" [content]="mycontent">
`<**ion-header**\>
<**ion-toolbar**\>
<**ion-title**\>Pages</**ion-title**\>
</**ion-toolbar**\>
</**ion-header**\>
<**ion-content**\>
<**ion-list**\>
<**button menuClose ion-item \*ngFor="let *p* of pages" (click)="openPage(*p*)"**\>
{{***p***.**title**}}
</**button**\>
</**ion-list**\>
</**ion-content**\>
`</**ion-menu**>`
`<**ion-menu** id="***unauthenticated***" side="left" [content]="mycontent">put second menus code here</**ion-menu**>
<**ion-nav** #mycontent [root]="rootPage"></**ion-nav**>
`
//and call this method according to your logic
enableAuthenticatedMenu() {
**this**.menuCtrl.enable(true, 'authenticated');
**this**.menuCtrl.enable(false, 'unauthenticated');
}
Note: if an app only has one menu, there is no reason to pass an id
.