从主组件捕获模态控制器中的关闭事件

Question

在我的 MainPage 中，我调用了在 ModalController 中创建的函数，显示了 ModalPage，当我单击取消时，它调用了关闭函数和 return至 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();
   }
}

从主组件捕获模态控制器中的关闭事件

catch dismiss event in modal controller from main component

typescript

ionic2

ionic3

angular