从离子弹出导航不起作用

Question

我正在使用 Ionic 2 和 angular 2 进行应用程序开发。我使用ionic-angular modal 创建了弹出窗口。我需要使用离子导航（push）方法从弹出窗口导航到其他页面。但是，它对我不起作用。下一页正在同一组件中加载。

我的代码

用于打开弹出窗口

   openModal() {

        let myModal = this.modalCtrl.create(CreateModal);
        myModal.present();
    }

此功能将打开弹出窗口。在弹出的 html 中我有点击功能。

<h2 (click)="goTonext()" data-dismiss="create-modal" >Next page</h2>

点击功能

  goTonext() {
      this.viewCtrl.dismiss();
   this.navctrl.push(NextPage
          , {
            id: res.status
          }
        );
}

此功能将关闭弹出窗口并在同一页面中加载下一页。

它不会单独加载下一页。

请帮忙！！！

Answer 1

当您调用this.view.dismiss() 时，它正在关闭模式。

如果你想在dismiss后做一些动作，你可以在modal的onDidDismiss()做。

在您的原始组件中，

openModal() {

        let myModal = this.modalCtrl.create(CreateModal);
        myModal.onDidDismiss(data=>{
            if(data){
            this.navctrl.push(NextPage
          , {
            id: data.status
          }
          }
        );
        });
        myModal.present();
    }

在dismiss函数调用中发送res。

this.viewCtrl.dismiss(res);