Каждый раз, когда приложение пытается получить данные с сервера, происходит задержка. Чтобы пользователям не было скучно в течение этого интервала, важно отметить, что следует использовать счетчик загрузки. Это гарантирует, что приложение удобно для пользователя и может привлечь больше трафика. В этой статье рассказывается о 7 лучших счетчиках базовой загрузки Angular, которые доступны для удобства мобильных приложений.

Упрощение Angular 4 и redux: при использовании Angular Redux и загрузке данных через REST API мы можем показывать счетчики загрузки между временем запросов. Это будет включать в себя следующее: Настройка Redux с загрузкой данных через REST API. Пользовательский http-сервис с аутентификацией JWT.

Сервис загрузчика с индикатором выполнения Angular Material Progress для каждого запроса

Спиннер загрузки ngX:
Если вы ищете настраиваемый GitHub с открытым исходным кодом, ngX — это ответ! Его очень легко адаптировать к вашей существующей структуре.

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

Счетчики загрузки для данных Firebase.
Этот счетчик загрузки специально разработан для работы с данными Firebase. Наблюдаемый список Firebase используется для определения того, были ли данные загружены путем подписки на него.

Загрузка счетчика, способ angular 2+:
Пытаетесь создать собственный счетчик с нуля? Тогда это спиннер загрузки, который поможет вам сделать это идеально. Это самый простой и легкий способ показать загрузчик между моментами, когда пользователь нажимает кнопку и данные отображаются в браузере пользователя.

Angular 2, настраиваемый загрузчик как услуга:
здесь счетчик загрузки можно использовать как услугу. Счетчик загрузки может быть показан с использованием индивидуального подхода. Вы можете создать собственный счетчик загрузки как службу и использовать ее во всем приложении, просто импортировав эту службу в компонент.

Первоначально опубликовано на yugasa.com 5 июля 2018 г.