Ionic 4 Angular - How to self dismiss a modal

angular ionic-framework ionic4
Eliya Cohen picture Eliya Cohen · Sep 23, 2018 · Viewed 16.4k times · Source

In Ionic 3, dismissing a modal was pretty simple:

constructor(viewCtrl: ViewController) {
    this.viewCtrl.dismiss()
}

In Ionic 4, I can't import ViewController (or to be accurate, my IDE tries to import a type of ViewController).

I was wondering what the new approach of dismissing a modal is.

Answer

Eliya Cohen picture Eliya Cohen · Sep 23, 2018

According to the docs, it looks like the dismiss method has moved to ModalController.

So to dismiss a modal, I need to do:

constructor(modalCtrl: ModalController) {
  modalCtrl.dismiss();
}

How ironic that I find my answer AFTER I post the question.

Related questions

NavController doesn't work in Ionic 4

I'm injecting NavController in my constructor as I want to push a page. But, below code doesn't work in Ionic 4. It was totally okay in Ionic 3. Constructor constructor(public menuCtrl: MenuController, public navCtrl: NavController) { this.menuCtrl.enable(true); } Method goToSecondPage() { …

Read More
How to set background color IONIC 4

I having problems trying to change the background color in just one IONIC 4 (--type=angular) page. I am trying to add a class for the ion-content. In my html file I Have: <ion-content class="fondologin"> ... </ion-content> …

Read More
Ionic 4: "Loading Controller" dismiss() is called before present() which will keep spinner without dismissing

I used "Ionic Loading Controller" to show a spinner until the data is retrieved then it calls "dismiss()" to dismissed it. it works fine, but sometimes when the app already have the data, the "dismiss()" is called before the "create()" …

Read More