angular - 从主组件捕获模态 Controller 中的关闭事件

Question

在我的 MainPage 中，我调用了在 ModalController 中创建的函数，显示了 ModalPage，当我点击取消时，它调用了 dismiss函数并返回到 MainPage。一切正常。

@Component({
  selector: 'main-page',
  templateUrl: 'main-page.html'
})
export class MainPage{
   itemTapped($event, item) {
       let detModal = this.modalCtrl.create(ModalPage, {item : item});
       detModal.present();
   }
}


@Component({
  selector: 'modal-page',
  templateUrl: 'modal-page.html'
})
export class ModalPage{
   dismiss() {
     this.viewCtrl.dismiss();
   }
}

现在，我想在 ModalPage 被关闭后调用 MainPage 中的函数。有什么方法吗？

Answer 1

您可以像这样使用 onDidDismiss ( docs ):

export class MainPage{
   itemTapped($event, item) {
       let detModal = this.modalCtrl.create(ModalPage, {item : item});

       detModal.onDidDismiss(() => {
         // This will be executed after the modal is dismissed...
         console.log('Hi...');
       });

       detModal.present();
   }
}