封闭模态-使用Angular的Ionic 4

2024-04-30 • 问答

我创建了一个页面Reservation.page.ts，在其中我想使用离子4制成模态形式。我为此使用离子模式控制器。我做的示例代码是

async closeModal() {
    await this.viewCtrl.dismiss();
}

仍然我的模态不起作用。

它给出了类似的错误

core.js:9110 ERROR Error: Uncaught (in promise): overlay does not exist
    at resolvePromise (VM11170 polyfills.js:3803)
    at VM11170 polyfills.js:3713
    at rejected (VM11177 vendor.js:129666)
    at ZoneDelegate.invoke (VM11170 polyfills.js:3365)
    at Object.onInvoke (VM11177 vendor.js:71868)
    at ZoneDelegate.invoke (VM11170 polyfills.js:3364)
    at Zone.run (VM11170 polyfills.js:3130)
    at VM11170 polyfills.js:3861
    at ZoneDelegate.invoketask (VM11170 polyfills.js:3397)
    at Object.onInvoketask (VM11177 vendor.js:71849)

所以请帮帮我。

使用ModalController消除模式，而不是旧的ViewController实现。

开放模式

async openModal() {
  const modal = await this.modalController.create({
    component: Page
  });

  return await modal.present();
}

关闭页面上的模式

close() {
  this.modalController.dismiss();
}

我能够通过声明变量modal然后使用它来关闭modal来解决此问题：

export class BlaBlaPage implements OnInit {

modal:any;

close() {
  this.modal.dismiss();
}

封闭模态-使用Angular的Ionic 4

liqzone 回答：封闭模态-使用Angular的Ionic 4

大家都在问