Ggtcf

I'm displaying a LoadingController when the user tries to login. Meanwhile, an API is being called.

I’m able to dismiss the LoadingController when I get a SUCCESS response from subscribe, but when I get an ERROR response, I’m not able to dismiss. Please help!

I’m a professional Python developer and a total newbie to Ionic, just started a day ago. So, please assist as such.

import Component, OnInit from '@angular/core';
import ToastController, LoadingController from '@ionic/angular';

import CallapiService from '../callapi.service';

@Component(
 selector: 'app-login',
 templateUrl: './login.page.html',
 styleUrls: ['./login.page.scss'],
)
export class LoginPage implements OnInit 

 userEmail = '';
 userPassword = '';
 loginUrl = 'login/';
 loginMethod = 'POST';
 postBody = ;


 constructor(
 public toastController: ToastController,
 public loadingController: LoadingController,
 private callApiService: CallapiService,
 ) 

 ngOnInit() 
 

 async presentToast(displayMessage) 
 const toast = await this.toastController.create(
 message: displayMessage,
 duration: 2000,
 position: 'middle',
 );
 return await toast.present();
 

 async presentLoading(loadingMessage) 
 const loading = await this.loadingController.create(
 message: loadingMessage,
 );
 return await loading.present();
 


 loginUser() this.userPassword === '') 
 this.presentToast('Email and password are required.');
 

 else 
 this.presentLoading('Processing...');
 this.postBody = 
 email: this.userEmail,
 password: this.userPassword,
 ;
 this.callApiService.callApi(this.loginUrl, this.postBody, this.loginMethod).subscribe(
 (success) => 
 console.log(success);
 this.loadingController.dismiss();
 ,
 (error) => 
 console.log(error);
 this.loadingController.dismiss();
 
 );
 this.loadingController.dismiss();
 

 

this.callApiService.callApi(this.loginUrl, this.postBody, this.loginMethod)
 .subscribe(
 (data) => 
 // Called when success 
 ,
 (error) => 
 // Called when error
 ,
 () => 
 // Called when operation is complete (both success and error)
 this.loadingController.dismiss();
 );

Source: https://stackoverflow.com/a/54115530/5442966