How to call complete method on nodejs api call

Question

Tried to show loading image on nodejs api call but not working,Getting some error like below. How to show loading image on data receiving time and how to hide loading image on after complete the data received.Anyone know please help.

Error:

error TS2345: Argument of type '(com: any) => void' is not assignable to parameter of type '() => void'.

getProductsData(collection) { 
          this.userService.gettableData(collection).subscribe(
          res => {
            this.loader=true;
            this.getDetails = res; 
          },
          err => {
            console.log(err); 
          },
          com => { 
             alert("Data got it..Completed!!!!"); 
             this.loader=false; 
          }
        ); 
      }

Answer 1

in your html add loader condition as below:

<div *ngIf="loader"> <div>Loading...</div> </div>

if the loader variable is true it displayed your spinner else otherwise!