Ionic 2 - 关闭模态并弹出

Question

我有一个结果页面。导航到该页面时，会直接创建一个搜索模式。

在搜索页面中，用户可以引入一个查询并提交他的搜索，或者取消。

如果有查询，结果页面会显示结果。
另一方面，如果用户取消搜索，我想弹出结果页面：

openSearchModal() {
  let searchModal = this.modalCtrl.create(SearchPage, {
       :
       :
  });
  SearchModal.onDidDismiss(data => {
    this.handleModalData(data);
  });
  searchModal.present();
}


handleModalData(data) {
  let q = data['q'];

  if (!q) {
    this.navCtrl.pop();                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  } else {
    // handle search query......
           :
           :
  }
}

我的问题是，当取消搜索时，用户会在应用程序将他发回之前看到一秒钟的结果页面。

我尝试从 modal 使用 popTo，但无法实现我想要的。

Answer 1

您应该在模态onDidDismiss() 中处理pop

presentModal() {
   this.searchModal = this.modalCtrl.create(SearchPage, { //stuff });
   this.searchModal.onDidDismiss(data => {
        this.navCtrl.pop();
    });
    this.searchModal.present();
}

然后

handleModalData(data) {
   let q = data['q'];

   if (!q) {
     this.searchModal.dismiss();                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
   } else {
    // handle search query
 }