Как лучше всего отображать индикатор выполнения в приложении Angular2 при выполнении HTTP-запроса?
Я пробовал следующее, используя индикатор выполнения AngularMaterial2:
<md-progress-bar mode="determinate" value="myValue"></md-progress-bar>
Но как найти «значение» для приведенного выше кода?
(Если невозможно узнать фактический ход выполнения HTTP-запроса, как лучше всего получить индикатор выполнения в стиле Youtube или Github?)
Мы не можем определить время, необходимое для выполнения HTTP-запроса, поэтому режим indeterminate больше подходит для выполнения HTTP-запросов.
Http-сервис Angular возвращает Observable, на который мы можем подписаться и обработать ответ, прямо сейчас нет доступного механизма для получения прогресса от Http-сервиса.
Один из способов - использовать XmlHttpRequest для прослушивания события прогресса и если использовать его свойство lengthComputable и соответственно отображать индикатор выполнения.
поэтому один из способов получить индикатор выполнения в стиле Youtube или Github был показан в этом ответе.
Если у вас более одного запроса, вы можете использовать количество выполненных запросов в процентах.
Используйте библиотеку, модуль или пакеты из общедоступного исходного кода, широко доступного в Интернете.
Вот несколько примеров Angular 2:
