How to hide a modal?

Ionic Framework ionic-v3
1

Hi,
I don’t really understand everything as for the modals… I can’t hide it, I don’t know where to put my dismiss() function : that’s the page in which I want the modal to open :

image
modal 1.PNG709×735 81.5 KB

and here is my modal-login page :

image
modal 2.PNG710×731 81.5 KB

can you please help me ? ty

2

First of all, you’ll need to make sure you assign your modal to a property of the class so it’s accessible to other functions in the class:

this.myLoginModal = this.modalCtrl.create(...);

Then from any other function you can call:

this.myLoginModal.dismiss()

And it will close the modal.

Then - notice on your cancel button it has a (click) event that calls a dismiss() function - you now just need to create this function on your controller and inside it, call dismiss on your modal:

dismiss() {
  this.myLoginModal.dismiss();
}
```