javascript - 导航回根 - 菜单切换按钮坏了

Question

我正在使用 Ionic 2。

第 1 页 (SearchPage) -> popover -> 第 2 页 (MapPage) -> 第 1 页 (SearchPage)(menuToggle 不工作)

我有一个根页面(SearchPage):

html

<ion-header>
  <ion-navbar>
    <button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

ts

  presentPopover(event: Event): void {
    let popover: Popover = this.popoverController.create(SearchPopOverPage, {
      ev: event,
      employeeModel: this.employeeModel
    });
    popover.present();
  }

弹出框

  presentFilterMap(event: Event) {
    this.viewCtrl.dismiss().then(() => {
      this.nav.push(MapPage, {
        ev: event,
        employeeModel: this.employeeModel,
        fromSearch: true
      })
    });
  }

但是当我尝试返回根页面(带参数)时，它显示菜单切换按钮(3 行)，但是当我单击它时它不起作用(即什么都不做，它应该显示侧边菜单).

ts (MapPage) 文件返回根目录:

  this.nav.insert(0, SearchPage, {
    employeeModel: this.employeeModel
  });

如果我尝试 popToRoot(options)，这会起作用并且菜单切换按钮会起作用。但是，它不会使用新参数重新加载页面。

请问我应该如何使用参数导航回根页面？

谢谢

更新:我尝试了以下方法，但它没有返回到根目录:

  let options = {
    employeeModel: this.employeeModel
  };
  this.nav.popToRoot(options);

更新:我也尝试过将弹出窗口调用更改为下一页，但收效甚微。现在 MapPage 上的后退按钮可以使用，但是当我转到根页面时，menuToggle 仍然没有响应点击。

  presentFilterMap(event: Event) {
    this.nav.push(MapPage, {
      employeeModel: this.employeeModel,
      fromSearch: true
    }).then(() => {
      this.viewCtrl.dismiss();
    });
  }

如果我不关闭弹出窗口，

    this.nav.push(MapPage, {
      employeeModel: this.employeeModel,
      fromSearch: true
    });

然后，当我使用 MapPage 上的后退按钮返回到根目录时，弹出窗口仍然存在，并且 menuToggle 按预期工作。但是，如果我宁愿导航回根页面(我需要这样做)，那么弹出窗口不存在并且 menuToggle 没有响应。

这意味着问题与弹出框有关。

Answer 1

 import { App } from 'ionic-angular';

constuctor(public app: App) {};

pushSignupPage() {
    this.viewCtrl.dismiss().then(() => {
      this.app.getRootNav().push(SignupPage);
    });
  }

这对我有用。祝你好运