Question

我的侧边菜单或菜单切换代码位于app.compnent.ts中。在单击Modal之前，此菜单切换在所有页面中都能正常工作。单击Modal按钮后，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导航，而是尝试使用parent ts从Events导航。

例如：

Parent ts :

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

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

  });

模态：

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

你可以从模态发送，你需要在模态解散后重定向。根据这种情况，您可以在任何地方重定向。

希望它会对某人有所帮助。

Modonic.present之后Ionic2 menuToggle无效

2 个答案: