title: Navigating back to root - menu toggle button broken
body: <p>I am using Ionic 2.</p>
  
  <p>Page 1 (SearchPage) -> popover -> Page 2 (MapPage) -> Page 1 (SearchPage) (menuToggle not working)</p>
  
  <p>I have a <strong>root page</strong> (SearchPage):</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;ion-header&gt;
    &lt;ion-navbar&gt;
      &lt;button menuToggle&gt;
        &lt;ion-icon name="menu"&gt;&lt;/ion-icon&gt;
      &lt;/button&gt;
    &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  </code></pre>
  
  <p><strong>ts</strong></p>
  
  <pre><code>  presentPopover(event: Event): void {
      let popover: Popover = this.popoverController.create(SearchPopOverPage, {
        ev: event,
        employeeModel: this.employeeModel
      });
      popover.present();
    }
  </code></pre>
  
  <p><strong>Popover</strong></p>
  
  <pre><code>  presentFilterMap(event: Event) {
      this.viewCtrl.dismiss().then(() =&gt; {
        this.nav.push(MapPage, {
          ev: event,
          employeeModel: this.employeeModel,
          fromSearch: true
        })
      });
    }
  </code></pre>
  
  <p>But when I try return to the root page (with a parameter), it displays the menu toggle button (3 lines), but when I click it it does not work (i.e. does nothing, where it should display the side menu).</p>
  
  <p><strong>ts</strong> (MapPage) file which returns to root:</p>
  
  <pre><code>  this.nav.insert(0, SearchPage, {
      employeeModel: this.employeeModel
    });
  </code></pre>
  
  <p>If I try <code>popToRoot(options)</code>, this works and the menu toggle button is working. However, it does not reload the page with the new parameter.</p>
  
  <p>Any ideas how I should navigate back to the root page with a parameter please?</p>
  
  <p>Thanks</p>
  
  <p>UPDATE:
  I have tried the following, but it does not go back to the root:</p>
  
  <pre><code>  let options = {
      employeeModel: this.employeeModel
    };
    this.nav.popToRoot(options);
  </code></pre>
  
  <p>UPDATE:
  I have also tried changing the popovers call to the next page, but with little success. Now the back button on the MapPage works, but when I go to the root page, the menuToggle is still not responding to clicks.</p>
  
  <pre><code>  presentFilterMap(event: Event) {
      this.nav.push(MapPage, {
        employeeModel: this.employeeModel,
        fromSearch: true
      }).then(() =&gt; {
        this.viewCtrl.dismiss();
      });
    }
  </code></pre>
  
  <p>If I don't dismiss the popover, </p>
  
  <pre><code>    this.nav.push(MapPage, {
        employeeModel: this.employeeModel,
        fromSearch: true
      });
  </code></pre>
  
  <p>then when I use the back button on the MapPage back to root, the popover is still there, and the menuToggle works as expected. But if I rather navigate back to the root page (which I need to do) then the popover is not there and the menuToggle is not responsive.</p>
  
  <p>This means the issue is to do with the popover.</p>