侧边菜单停止工作

Question

我从菜单中创建了Ionic应用程序

ionic start myApp sidemenu

在其中一个页面上将有一个测试，我希望在测试结束后有一个带有注释的强制性页面。用户无法到达任何地方，直到他填写评论。

我创建了一个测试页面和一个评论页面

我决定使用模态

在测试页面上有一个按钮，可以打开评论页面

finishTest() {
    let modal = this.modalCtrl.create('CommentPage');
    modal.present();
}

在

评论页面上，我想在发送后转到主页

constructor(public navCtrl: NavController, public viewCtrl: ViewController) {}
onSubmit(form: NgForm) {
  this.navCtrl.setRoot(HomePage);
}

问题是当我转到主页时，我的侧菜单停止工作。

有没有人遇到过这个问题？如何解决？你能用别的东西代替模态吗？

Answer 1

代码的问题在于，当您以模态打开页面时，该模态有自己的导航堆栈。因此，当您在模态内部进行this.navCtrl.setRoot(HomePage);时，您实际上是将该页面设置为模态导航堆栈的根页面，其中侧边菜单不起作用。

为了解决这个问题，你需要在你的应用中获取根导航控制器的引用，如下所示：

import { Component } from '@angular/core';
import { App } from 'ionic-angular';
@Component({... })
class YourModalPage {
  constructor(public appCtrl: App, ...) {}
  pushPage() {
    this.appCtrl.getRootNav().push(HomePage);
  }
  setPageAsRoot() {
    this.appCtrl.getRootNav().setRoot(HomePage);
  }
}

您可以在此处找到有关使用不同导航堆栈的更多信息。

Answer 2

您需要更改CommentPage

constructor(public navCtrl: NavController, public viewCtrl: ViewController,public appCtrl: App) {}
onSubmit(form: NgForm) {
  this.appCtrl.getRootNav().setRoot(HomePage);
}

我想你的问题会解决的...