Проверять статус HTTP в сервисе - Angular6

Question

Я работаю над проектом Angular6 и сейчас работаю нормально.Я пытаюсь добавить счетчик во время http запроса.

Служба Angular, используемая для всех запросов http.

Как я могу проверить состояние http при запросе, чтобы я мог показать счетчик.

Существует множество запросов http, поэтому я не хочу добавлять спиннер вручную для всех запросов.

Как мне добиться этого с меньшим количеством скриптов в Angular6?(все в одном месте, если это возможно)

Answer 1

Во-первых, для выполнения сервисных вызовов вы можете использовать Observables.

1) Добавьте шаблон счетчика на свою html-страницу с помощью * ngIf для логической переменной.

2) Перед подпискойк наблюдаемому, т.е. перед выполнением http-запроса, установите переменную как true (это покажет счетчик), а после получения ответа сделайте переменную как false (это скроет счетчик).

Например, код:

this.loader = true; //This line shows the loader
this.YourService.getData().subscribe((response)=> {
    this.loader = false; //This line hides the loader.
})