Open a 2nd Modal and then close the 1st modal

Hi,

@ionic/angular": "4.11.5"

I have a series of Modal items. All are working fine. But the only issue here is how to close the current modal after 2nd modal has been opened.

I have tried this. But then it never opens the 2nd Modal.

This is within the 1st Modal

async next(): Promise<void> { // try to open 2nd Modal and after that close the 1st Modal

  await this.showSeeAgainModal();
  this.cancel();

  }

  cancel(): void {
    this.modalController.dismiss();
  }



async showSeeAgainModal(): Promise<void> { // This is the 2nd Modal
    const modal: HTMLIonModalElement = await this.modalController.create({
      component: SeeAgainPage,
    });

    modal.onDidDismiss().then(async (res) => {
    });

    return await modal.present();
  }

I can use simply like so:

But the problem here is it closes the 1st Modal before open the 2nd one. It gives bad UX.

next(): Promise<void> { // this is working fine. But bad UX

      this.showSeeAgainModal();
      this.cancel();

      }

[Sampath-Lokuge]

After I have talked to my client I changed it to a series of pages. i.e. not using series fo Modals. So now I don’t need this feature. Thanks @liamdebeasi

[indraraj26]

This would be great if ionic team can implement this which will hide first modal behind the scene.