In html file,
<div *ngIf="!isLoading" class="edit-area">
<div class="container">
<div class="user">
<h2>Show This Content</h2>
</div>
</div>
</div>
In ts file
// 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);
}
}
})
}
Top comments (0)