title: loadcontroller doesn't work on my http post
body: <p>Hello i have 2 toastmessages, one when the email is send and the other for when it fails. I was testing my webform but when i am pressing on the send button it has sometimes a delay before the message is shown. Now i want to use the loadcontroller when the user clicks on the button and disappear when the email is sent or failed to send.</p>
  <pre><code> constructor(private http: HttpClient, private toastController: ToastController, private loadingCtrl: LoadingController) { }
  
    sendMail(formData){
      this.simpleLoader();
      return this.http.post('https://portfolio500.herokuapp.com/sendmail', formData).subscribe({
  
        next: () =&gt; {
          this.dismissLoader();
          this.showToast('email succesvol verzonden');
      },
        error: () =&gt; {
          this.dismissLoader();
          this.showToast('email verzenden mislukt.');
      }
      });
      }
  
    async showToast(message: string){
      const toast = await this.toastController.create({
        message,
        duration: 4000,
        buttons: [ {
          text: 'X',
          role: 'cancel'
        }]
      });
      toast.present();
    }
  
    simpleLoader() {
      this.loadingCtrl.create({
          message: 'email wordt verzonden'
      }).then((response) =&gt; {
          response.present();
      });
  }
  
  dismissLoader() {
    this.loadingCtrl.dismiss().then((response) =&gt; {
        console.log('Loader closed!', response);
    }).catch((err) =&gt; {
        console.log('Error occured : ', err);
    });
  }
  }
  </code></pre>