ionic-framework - Ionic 4 - 从模态传回数据

Question

我正在尝试创建一个模态窗口，将一组对象传递给它，让用户从该数组中选择一个对象，然后让我的模态窗口传回他们选择的对象。

我尝试使用 modalName.onDidDismiss(data=> ...) as explained here 的 Ionic 2 方法，但显然 Ionic 4 将“onDidDismiss”更改为不接受任何传回给它的值。

所以我不知道如何将数据从我的模态窗口发送回调用它的页面。

Answer 1

几天前我遇到了同样的问题，这是我的解决方案:

我想，你已经有一个包含实际模态的组件。姓名 UserModalComponent
您的 UserModalComponent应该注入(inject) ModalController:
constructor(private modalController: ModalController){}

下一步是将选定的用户传回:

selectUser(user: User):void {
  this.modalController.dismiss(user);
}

在您想要调用模态并让用户返回的组件中，您还必须注入(inject) ModalController如上所述，此外，您需要此方法:

 async openUserModal() {
    const modal = await this.modalCtrl.create({
      component: UserModalComponent,
      componentProps: { users: this.users },
    });

    modal.onDidDismiss()
      .then((data) => {
        const user = data['data']; // Here's your selected user!
    });

    return await modal.present();
  }

我希望这有帮助!如果有什么不清楚的，尽管问!