В моем приложении Angular 6 я реализовал панель загрузки для всех HTTP-запросов, используя перехватчик HTTP. По сути, возвращает наблюдаемое в loaderService . Это работает как задумано, и я могу добавить строку загрузки для каждого запроса с кодом ниже.
<mat-progress-bar
*ngIf="loaderService.isLoading | async"
color="accent"
mode="indeterminate">
</mat-progress-bar>
Это требует работы асинхронного канала, однако я бы предпочел просто скрыть / показать панель, а не использовать ngIf для удаления / добавления из dom, который показывает перемещаемый контент при его добавлении или удалении.
Я был бы склонен использовать ngClass или [hidden], однако я не знаю, как или можно ли использовать асинхронную трубу с этим. В моих попытках это не сработало. Есть ли альтернативы для достижения того, что мне нужно?