Ionic v4 - check if modal is opened

General Tech Bugs & Fixes 2 years ago

0 1 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago

Basically I have welcome page with 2 buttons; login and register. When the user clicks “register” button a modal opens up showing the registration form. I implemented a logic to login the user upon registration and theres also a logic that takes the user to the home page when he/she is authenticated.

What this means is that when the user submit the registration form and log in, the modal has to be dismissed, but only after the home page is being displayed. Otherwise if I close the modal before that then the user is going to see the welcome screen again, and I would like to avoid that behavior. I could easily dismiss the modal upon registration but as I said, I don't want the user to see the welcome screen again.

This is how I open the modal in welcome.ts

async showModal() {
    const modal = await this.modalController.create({
      component: RegisterPage
    });
    return modal.present();
  }

In register.ts, I need a way to know if the modal is still opened so I can use the following logic:

constructor(
    private modalController: ModalController,
    private router: Router
  ) {
    this.router.events.subscribe(() => {
      if (router.url.toString() === "/tabs/home" && isModalOpened) this.modalController.dismiss();
    });
  }

If I only add this to my if statement router.url.toString() === "/tabs/home" it works, but if the user from the welcome screen opens the modal (by pressing the register button) and closes it w/o submitting the register form, go back to the welcome screen, press the login button and log in, then I will get an error:

Error: Uncaught (in promise): overlay does not exist

And of course this happens because I am dismissing the modal when I am the the home page, w/o checking if the modal is opened.

Any help is greatly appreciated, I’ve been stuck with this for a while now…

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.