Как понять, что все запросы отработали на конкретной странице?

Question

[1233211]

Хочу на всех страницах отображать текст "загрузка" вместо основного контента, пока запросы в процессе на конкретной странице. Как только все запросы отработали и дали хоть какой-то ответ, отображать основной контент. Как правильно это сделать? Не оборачивая все запросы в promise.all и т.д. Интересует универсальное решение, чтобы не надо было лезть в код каждого компонента.

Comments

[Kovalsky]

Ну можете в основной шаблон положить какой-нибудь PreloaderComponent который бы имел доступ к AppLockService и в каждом дата сервисе при отправке запроса отправлять в AppLockService ивент типа LOCK, а при завершении обработки запроса отправлять ивент UNLOCK. PreloaderComponent в зависимости от полученного сервисом ивента показывает либо скрывает элемент прелоадера,

[hzzzzl]

Kovalsky, то есть например посылать в PreloaderComponent 10 локов, и показывать прелодер, пока не придет 10 анлоков?

он хочет показывать прелодер всей страницы, пока не загрузятся все компоненты (неопределенное их количество)

[Alex]

Меня одного смущает такой UI? В духе "А давайте заставим пользователя ждать и не показывать контент, пока у нас не полностью не загрузятся все счетчики просмотров, комментарии, виджет "Смотрите так же" и обязательно текст сообщения об куках"

[hzzzzl]

Alex, но в отрыве от UI вопрос интересный, мало ли я хочу что-то сделать только когда всё загрузилось на странице

[Kovalsky]

hzzzzl, да, всё верно,

Answer 1

[Karpion]

Ну, надо смотреть, что за запросы, кто делает эти запросы, каов критерий выполнения каждого запроса.

Вроде, проще всего сделать два блока. В первом написано "Загрузка", во втором - основной контент. Изначально - первый блок виден, второй скрыт. Как только достигнуто состояние "все запросы выполнены - скрываем первый блок, открываем второй.