title: Ionic2: How to use an different ion-menu in each child view
body: <p>I am trying to learn the use of the Ionic2 side menus and wish to see if I can have a separate side menu in each child view.</p>
  
  <p>I have installed one of the getting started apps, which has a ion-menu in the main application, ie in the bootstrap <code>app.html</code> file we have</p>
  
  <pre><code>&lt;ion-menu [content]="content"&gt;
  
   &lt;ion-toolbar&gt;
     &lt;ion-title&gt;Pages&lt;/ion-title&gt;
   &lt;/ion-toolbar&gt;
  
   &lt;ion-content&gt;
     &lt;ion-list&gt;
       &lt;button menuClose 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-nav [root]="rootPage" #content swipeBackEnabled="false"&gt;&lt;/ion-nav&gt;
  </code></pre>
  
  <p>I have then added my own page, and in the initial root page <code>getting-started.ts</code> of the sample app I add the the following to navigate to my new page..</p>
  
  <pre><code>public goToSideMenuPage(): void{    
     this._navController.push(SideMenuPage);
  </code></pre>
  
  <p>I also add a button to call the above handler.</p>
  
  <p>In the SideMenuPage, I would like it to have it's own completely different side menu. I have tried the following...</p>
  
  <pre><code>&lt;ion-menu [content]="thecontent"&gt;
  &lt;ion-toolbar&gt;
    &lt;ion-title&gt;Menu title&lt;/ion-title&gt;
  &lt;/ion-toolbar&gt;
  
  &lt;ion-content&gt;
   &lt;ion-list&gt;
      &lt;button&gt;button1&lt;/button&gt;
      &lt;button&gt;button2&lt;/button&gt;
   &lt;/ion-list&gt;
   &lt;/ion-content&gt;
  &lt;/ion-menu&gt;
  
  &lt;ion-content #thecontent&gt;
    &lt;div&gt;Main contents text&lt;/div&gt;
   &lt;/ion-content&gt;
  </code></pre>
  
  <p>However, when I goto my page, all I see is <code>Main contents text</code> in the upper left corner. I don't see the menu hamburger icon, and if I drag to the right, I see the app main menu as set in <code>app.html</code>, and not my own "local" menu with contents of </p>
  
  <pre><code>&lt;button&gt;button1&lt;/button&gt;
  &lt;button&gt;button2&lt;/button&gt;
  </code></pre>
  
  <p>In doco found <a href="http://ionicframework.com/docs/v2/api/components/menu/Menu/" rel="nofollow">here</a>, the demo does show the side menu being swapped at runtime, but I cannot see the actual code for it anywhere. This is close to what I want to do (though I want it to swap when depending on what child page I navigate to), so it does look like it might be possible to do, but I just don't quite see how I should be doing it.</p>
  
  <p>Does anyone know if this is possible, and if so, how to do it? </p>