Ionic 离子4通道数据从模态返回

vuktfyat  于 2022-12-25  发布在  Ionic
关注(0)|答案(2)|浏览(195)

我尝试创建一个模态窗口,传递给它一个对象数组,让用户从数组中选择一个对象,然后让我的模态传递回他们选择的对象。
我尝试过使用modalName.onDidDismiss(data=〉...)as explained here的Ionic 2方法,但显然Ionic 4更改了“onDidDismiss”,使其不接受任何传回给它的值。
因此,我不知道如何将数据从Modal窗口发送回调用它的页面。

s3fp2yjn

s3fp2yjn1#

几天前我遇到了同样的问题,这里是我的解决方案:
我想,您已经有了一个包含实际modal. name UserModalComponent的组件
您的UserModalComponent应注入ModalController:
下一步是将选定的用户传递回去:

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

在您想要调用modal并取回用户的组件中,您还必须如上所述注入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();
  }

如果有什么不清楚的,尽管问!

6ioyuze2

6ioyuze22#

下面是在Ionic 4中从modal获取数据的方法:

contactsModal.onDidDismiss().then(data => {
    console.log('data came back from modal');
    console.log(data);
})

相关问题