angularjs Promises, $ q, odraczać

Question

EDIT

Pierwsza odpowiedź jest elegancki jeden, ale, jak wspomniano kilka razy w tej kwestii i kolejne pytania na StackOverflow, problemem jest to, że usługa i sterownik uruchomić swoje rzeczy, zanim dane faktycznie dotrą.

(Ostatni komentarz na pierwszej odpowiedzi :)

Tak, problemem jest to, że wywołania API zakończyć po wykonaniu usługi biegnie i wszystko wraca do sterownika, patrz tutaj screencast.com/t/ uRKMZ1IgGpb7 ... To jest moje pytanie BASE, w jaki sposób mogę czekać na wszystkie części, aby dane dotarły?

To tak jak mówię to na powtórzenia, jaki sposób uczynić usługę, która wypełnia tablicę po pomyślnym pobierania danych i kontroler uzyskiwanie danych po to wszystko dzieje, bo jak widać w mój zrzut ekranu, rzeczy działają w innej kolejności.

---

mam ten kod:

var deferred = $q.defer(); 
      $http.get('../wordpress/api/core/get_category_posts/?category_id=14 ').success(function(data) { 
       //we're emptying the array on every call 
       theData = []; 
       catName = data.category.slug; 
       theData = data; 
       theData.name = catName; 
       aggregatedData.push(theData); 
      }); 
      $http.get('../wordpress/api/core/get_category_posts/?category_id=15 ').success(function(data) { 
       theData = []; 
       catName = data.category.slug; 
       theData = data; 
       theData.name = catName; 
       aggregatedData.push(theData); 
      }); 
      $http.get('../wordpress/api/core/get_category_posts/?category_id=16 ').success(function(data) { 
       theData = []; 
       catName = data.category.slug; 
       theData = data; 
       theData.name = catName; 
       aggregatedData.push(theData); 
      }); 
      $http.get('../wordpress/api/core/get_category_posts/?category_id=17 ').success(function(data) { 
       theData = []; 
       catName = data.category.slug; 
       theData = data; 
       theData.name = catName; 
       aggregatedData.push(theData); 
      }); 
      //deferred.resolve(aggregatedData); 
      $timeout(function() { 
       deferred.resolve(aggregatedData); 
      }, 1000); 
      /*//deferred.reject('There is a connection problem.'); 
      if (myservice._initialized) { 
       $rootScope.$broadcast('postsList', deferred.promise); 
      }*/ 
      //myservice._initialized = true; 
      myservice = deferred.promise; 
      return deferred.promise; 

dla życia mnie nie mogę zrozumieć, dlaczego muszę umieścić limit czasu przy przejściu wynikowy tablicę do odroczenia?

Czy zasada nie powinna brzmieć, odłożyć czekanie na informacje, a następnie zwrócić obietnicę? Jaki jest sens tej 1 sekundy? Z tego, co rozumiem, odroczenie powinno być w stanie czekać tak długo, jak potrzeba, aby API zwróciło wynik i zwróciło obiecane dane.

Jestem naprawdę zdezorientowany, przez ostatnie dwie godziny uderzałem głową o ściany, ponieważ nie otrzymywałem żadnych danych w moim kontrolerze, tylko gdy umieściłem tam ten czas.

Answer 1

IMHO Myślę, że jest bardzo sprytny (i elegancki) sposób na zrobienie tego z $q.all.

Proszę spojrzeć na kod poniżej.

Zakładam, że chcesz od razu zwrócić dane z wszystkimi wynikami zebranymi na dużej tablicy.

var myApp = angular.module('myApp', []); 

myApp.factory('myService', function ($http, $q) { 
    return { 
     getAllData: function() { 
      return $q.all([ 
       $http.get('../wordpress/api/core/get_category_posts/?category_id=14'), 
       $http.get('../wordpress/api/core/get_category_posts/?category_id=15'), 
       $http.get('../wordpress/api/core/get_category_posts/?category_id=16'), 
       $http.get('../wordpress/api/core/get_category_posts/?category_id=17') 
      ]).then(function (results) { 
       var aggregatedData = []; 
       angular.forEach(results, function (result) { 
        aggregatedData = aggregatedData.concat(result.data); 
       }); 
       return aggregatedData; 
      }); 
     } 
    }; 
}); 

widać powyżej, że aggregatedData jest generowany tylko raz wszystkie połączenia są zakończone asynchroniczny poprzez $q.all.

Wystarczy włączyć usługę jako uzależnienia do jednego z kontrolerów, na przykład, i wezwać serwis jak ten myService.getAllData()

nadzieję, że pomoże lub po prostu daj mi znać, jeśli potrzebujesz pełnego pracy przykład i I może zapewnić jeden! :)

Answer 2

Połączenia $http.get są asynchroniczne, ale nie czekają, aż wszystkie zostaną zakończone przed rozwiązaniem odroczonego. Tutaj działa z limitem czasu tylko dlatego, że masz szczęście, że połączenia mają czas na zakończenie w ciągu 1 sekundy, jednak nie jest to w ogóle wiarygodne.

Nie będę tu powtarzać kompletnego rozwiązania, ale spójrz na numer my answer, aby uzyskać podobny problem.