从离子弹出式导航中行不通

Question

我正在使用离子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()时，它正在关闭模态。

如果您想在解雇后做一些操作，则可以在模态的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);