从离子弹出导航不起作用

Question

我正在使用 Ionic 2 和 angular 2 进行应用程序开发。我使用 ionic-angular modal.I 创建弹出窗口需要使用离子导航（ 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() 时，它正在关闭模式。

如果您想在关闭 后执行某些操作，您可以在模态onDidDismiss() 中执行。

在您的原始组件中，

openModal() {

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

在关闭函数调用中发送 res。

this.viewCtrl.dismiss(res);