Ionic2 menuToggle 在 Modal.present 后不工作

Question

我的侧边菜单或菜单切换代码在 app.compnent.ts 中。在我单击模态之前，此菜单切换在所有页面中都运行良好。单击模态按钮后，MenuToggle 不工作。我不确定确切的问题是什么。有什么建议吗？

菜单：

<ion-icon name="menu" menuToggle float-left margin-right></ion-icon>

A页：

pageBModal() {
  let modal = this.modalCtrl.create(PageB);
  modal.present();
}

B页：

  closeModal() {
    this.viewCtrl.dismiss();
    this.navCtrl.setRoot(DashBoardPage);
  }

Answer 1

你可以使用 MenuController

import { MenuController } from 'ionic-angular';
constructor(public menuCtrl: MenuController) {
 }  
     If you want to close menu please use close() event

      this.menuCtrl.close()

     If you want to open menu please use open() event

      this.menuCtrl.open();

Answer 2

我也遇到过同样的问题

我已经使用 Events 解决了这个问题。

如果您尝试从模式导航页面，您将面临上述问题。（侧面菜单将不起作用）。不要从 modal ts 导航，而是尝试使用 Events.

从 parent ts 导航

例如：

Parent ts :

events.subscribe('modal:finished', (page) => {

    if(page == 'yourpage') {
      this.navCtrl.push(YourPage);
    }

  });

模态 ts :

this.events.publish('modal:finished', 'yourpage');

您可以从模式发送到您需要在模式关闭后重定向的位置。根据这个条件，你可以重定向到任何你想要的地方。

希望对大家有所帮助。

Ionic2 menuToggle 在 Modal.present 后不工作

Ionic2 menuToggle is not working after Modal.present

ionic2

angular2-modal