Ionic 2 - Menu múltiplo ao mesmo tempo (direita - esquerda)
A SITUAÇÃO:
Tenho um menu à direita no meu aplicativo Ionic 2. Eu preciso adicionar um menu à esquerda. Eu tentei, mas não tive sucesso até agora. Esta é a minha tentativa:
O CÓDIGO:
Com esse código, o menu direito está funcionando corretamente, mas não aparece o menu esquerdo.
app.html:
<ion-menu [content]="content" id="menu1">
<ion-header>
<ion-toolbar>
<ion-title>Pages</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<button ion-item *ngFor="let p of pages" (click)="openPage(p)">
{{p.title}}
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-menu [content]="content" id="menu2">
<ion-header>
<ion-toolbar color="danger">
<ion-title>Menu 2</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<button ion-item menuClose="menu2" detail-none>
Close Menu 2
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
app.component.ts:
constructor(
public platform: Platform,
public menu: MenuController
) {
this.initializeApp();
this.pages = [
{ title: 'Home', component: HomePage },
{ title: 'Login', component: LoginPage },
];
this.menu.enable(true, 'menu1');
this.menu.enable(true, 'menu2');
}
A QUESTÃO:
Como posso ter dois menus - esquerdo e direito - funcionando corretamente ao mesmo tempo?