ionic ModalController二次弹出模态框

敏小静

于 2021-01-27 18:57:09 发布

阅读量436

点赞数

分类专栏： ionic native & angular 文章标签： typescript es6/es7

本文链接：https://blog.youkuaiyun.com/qq_31392495/article/details/113263721

版权

ionic native & angular 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何实现在已打开模态窗A的基础上再次打开模态窗B的技术细节。通过调整构造方法中的presentModal方法指向，确保B能在A的同一上下文中正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：当你已经打开了一个模态窗A的时候，想在这个模态窗A的基础上再打开一个模态窗B。
**原理：**要在A的上下文环境下创建B
如下图直接创建是会报错的（this.modalController.create is not a functoin）
在这里插入图片描述
要在构造方法constructor里改变presentModal方法的this指向，指向modalController；使其在同一个上下文。

 constructor(public modalController: ModalController) {
	this.presentModal = this.presentModal.bind(this.modalController)
  }

此时resentModel方法的this已经指向modalController；

 async presentModal() {
 	let that = this;
    const modal = await that.create({
      component: ModalPage
    });
    return await modal.present();
  }