Rückkehr interdependent async Versprechen in $ routeProvider lösen

Question

den Code vor:

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

Die Routen:

myApp.config(['$routeProvider', function($routeProvider) { 
     $routeProvider.when('/', { 
      templateUrl: 'app.html', 
      controller:myAppController, 
      resolve:{ 
       resolveData:function(Resolver){ 
        return Resolver(); 
       } 
      } 
     }); 
    }); 

Resolve:

myApp.factory('Resolver', ['$http', function($http){ 
    return function(){ 
     return $http({url: '/someurl',method: "GET"}).then(function(data) { 

      // dependent call 1 
      $http({url: '/someotherurl',method: "GET" }).then(function(data) { 

      }); 

      // dependent call 2 
      $http({url: '/someanotherurl',method: "GET" }).then(function(data) { 

      }); 
     }); 
    } 
}]); 

Above I 2 Anrufe innerhalb einer verschachtelten als Sie hängen von den Daten ab, die vom übergeordneten Aufruf zurückgegeben werden.

Was ich tun möchte: geben Sie den Resolver zurück, wenn alle von ihnen abgeschlossen sind und nicht nur den übergeordneten Aufruf.

Ich kann $ q.all() nicht verwenden, da zwei der Anrufe vom ersten Anruf abhängig sind.

Kurz gesagt, myAppController muss erst geladen werden, nachdem alle 3 Anrufe abgeschlossen wurden.

Answer 1

Sie sollen Ihr Problem zu lösen .just benutzen Sie den folgenden Beispielcode Verkettungs q Serviceversprechen und $ verwenden sollen sie

myApp.factory('Resolver', ['$http','$q', function ($http,$q) { 
       return function() { 
        var deferred = $q.defer(); 

        $http({ url: '/someurl', method: "GET" }).then(function (data) { 
         return $http({ url: '/someurl', method: "GET" }) 
        }).then(function (data) { 
         return $http({ url: '/someanotherurl', method: "GET" }) 
        }).then(function (data) { 
         deferred.resolve(data); 
        }); 
        return deferred.promise; 

       } 
      }]); 

Answer 2

Dies funktioniert für mich arbeiten:

  resolve : { 
       message: function($q, $route, Restangular) { 

        var msgId = $route.current.params.msgId; 
        var deferred = $q.defer(); 

        Restangular.one('message', msgId).get().then(function(message) { 
         Restangular.one('file', message.audioFile.id).get().then(function (blob) { 
          message.blob = blob; 
          deferred.resolve(message); 
         }); 
        }); 
        return deferred.promise; 
       } 
      }