Ionic loader, without clicking event (loading.dismiss())

 <div *ngIf="!isLoading" class="edit-area"> <div class="container"> <div class="user"> <h2>Show This Content</h2> </div> </div> </div> 

// data store isLoading = false; constructor( private loadingCtrl: LoadingController, ) { } ngOnInit() { this.onInitForm(); // Base Data this.getLoggedUserData(); this.toggleLoading(); } // loading async toggleLoading() { if (this.isLoading) { await this.showLoading(); } } async showLoading() { const loading = await this.loadingCtrl.create({ message: 'Loading.....', duration: 3000, }); await loading.present(); loading.dismiss(); this.isLoading = false; } /*** * HTTP REQUEST HANDLE * getLoggedUserData() */ private getLoggedUserData() { this.isLoading = true; if (this.isLoading) { this.showLoading(); } this.subDataOne = this.userDataService.getLoggedInUserData().subscribe({ next: (res) => { this.user = res.data; console.log('this.user', this.user) this.setFormValue(); // this.isLoading = false; }, error: (err) => { if (err) { console.log(err); } } }) }