Ionic 2 - Multiple menu at the same time (right - left)
<p><strong>THE SITUATION</strong>:</p>

<p>I have a working right menu in my Ionic 2 app. I need to add a left menu.
I have tried but was unsuccessfull so far.
This is my attempt:</p>

<p><strong>THE CODE</strong>:</p>

<p>With this code the right menu is properly working, but it doesn't appear the left menu.</p>

<p><strong>app.html:</strong></p>

<pre><code>&lt;ion-menu [content]="content" id="menu1"&gt;

    &lt;ion-header&gt;
        &lt;ion-toolbar&gt;
            &lt;ion-title&gt;Pages&lt;/ion-title&gt;
        &lt;/ion-toolbar&gt;
    &lt;/ion-header&gt;

    &lt;ion-content&gt;
        &lt;ion-list&gt;
            &lt;button ion-item *ngFor="let p of pages" (click)="openPage(p)"&gt;
                {{p.title}}
            &lt;/button&gt;
        &lt;/ion-list&gt;
    &lt;/ion-content&gt;

&lt;/ion-menu&gt;


&lt;ion-menu [content]="content" id="menu2"&gt;

  &lt;ion-header&gt;
    &lt;ion-toolbar color="danger"&gt;
      &lt;ion-title&gt;Menu 2&lt;/ion-title&gt;
    &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;

  &lt;ion-content&gt;
    &lt;ion-list&gt;
      &lt;button ion-item menuClose="menu2" detail-none&gt;
        Close Menu 2
      &lt;/button&gt;
    &lt;/ion-list&gt;
  &lt;/ion-content&gt;

&lt;/ion-menu&gt;

&lt;ion-nav [root]="rootPage" #content swipeBackEnabled="false"&gt;&lt;/ion-nav&gt;
</code></pre>

<p><strong>app.component.ts</strong>:</p>

<pre><code>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');
    }
</code></pre>

<p><strong>THE QUESTION</strong>:</p>

<p>How can I have two menu - left and right - properly working at the same time?</p>