Как добавить индикатор выполнения для запроса $ http

Question

Я хочу добавить панель загрузки или анимацию загрузки на всю страницу, пока данные не будут извлечены из базы данных Mon go в веб-приложение через запрос $ http.

Я изучил запрос XMLHTTP который имеет эту функцию сразу, но я хочу использовать $ http.

Мой код выглядит следующим образом

$http.post("/someroute", someData)
.then(function(res) {
   $scope.variable = res.data;
   $(".webcontent").css("display", "block");
})

Я хочу убедиться, что я не показываю неформатированную страницу для пользователь при открытии моего веб-приложения. Переменная объема используется для заполнения шаблона с помощью ng-repeat.

Answer 1

Вы можете указать eventHandlers для присоединения к базовому XMLHttpRequest. Я не проверял это, но что-то вроде этого должно работать:

$http.post("/someroute", someData, {
  eventHandlers: {
    progress: function(progressEvent) {
      // update progress bar
    }
  }
})

Обратите внимание, что обработчик событий запускается внутри дайджеста l oop, как и следовало ожидать с AngularJS.

Вы получаете событие ProgressEvent, из которого вы можете рассчитать процент.