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.