Как показать / скрыть загрузчик ng4-spinner только на модели angular 4/6/7?

Question

Я хочу показать загрузчик во всплывающем окне / модели после запуска HTTP-запроса и скрыть его, когда все запросы http завершены.

Я новичок в angular и не могу найти способ реализовать это.

Мой app.html:

 <ng4-loading-spinner [threshold]="2000" [template]="template" [loadingText]="'Please wait...'" [zIndex]="9999"> </ng4-loading-spinner>

app.ts
this.spinnerService.show();

Я использую import { Ng4LoadingSpinnerService } from 'ng4-loading-spinner';

Answer 1

Это зависит от объема. Если запрос находится внутри компонента или будет вызван в экземпляре службы компонента, тогда вы можете установить *ngIf с переменной флага на true на загрузчике до его запуска и после получения ответа, вы установили переменная в false:

HTML

<ng4-loading-spinner *ngIf="isLoading"></ng4-loading-spinner>

TS:

getData() {
  this.isLoading = true;
  this.httpClient.get(...).subscribe(
    () => { 
      this.isLoading = false;
    } 
  );

}