在Ionic 4中解除模态后如何调用函数

Question

我正在使用模态，并且想在关闭模态后调用函数。

我尝试过onDidDismiss()方法，但显示错误

async openModal() {
    const modal = await this.modal.create({ component: UploadPage });
    modal.onDidDismiss(() => {
        this.getData();
    });
    return await modal.present();
}

getData() {
......
}

这样，我得到一个错误"Expected 0 arguments, but got 1."

Answer 1

根据官方文件：

const modal = await modalController.create({...});
const { data } = await modal.onDidDismiss();
console.log(data);

查看官方文档链接

Answer 2

onDidDismiss()返回Promise<OverlayEventDetail<any>> 。

尝试如下。

const modal = await modalController.create({ component: UploadPage });
const { data } = await modal.onDidDismiss();
if (data) {
   this.getData();
}

Answer 3

如其他答案所述，现在onDidDismiss（）也返回一个promise。 因此，您可以遵循文档建议您捕获数据或执行类似操作的方式，这基本上只是另一种语法：

async openModal() {
    const modal = await this.modal.create({ component: UploadPage });
    modal.onDidDismiss().then((data) => {
        console.log(data)
    });
    return await modal.present();
}

在这种情况下，实际数据将在data.data内部。