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

时间:2017-04-07 18:45:42

标签: angular typescript ionic2 ionic3

在我的MainPage中,我在ModalController中调用了函数create,显示了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();
   }
}

现在,我想在MainPage被解雇后调用ModalPage中的函数。有什么方法吗?

1 个答案:

答案 0 :(得分:3)

您可以使用onDidDismissdocs),如下所示:

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();
   }
}