在$ routeProvider中返回相互依赖的异步承诺

Question

考虑一下代码：

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

路线：

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

解决：

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) {

            });
        });
    }
}]);

上面我在一个嵌套了两个调用，因为它们依赖于父调用返回的数据。

我想做的是 ：在所有解析器都已完成而不只是父调用完成后返回解析器。

我无法使用$ q.all（），因为其中有两个调用依赖于第一个调用。

简而言之，必须在完成所有3个调用之后才加载myAppController。

Answer 1

您应该使用chaining promise和$ q服务来解决您的问题。只需使用下面的示例代码即可使用

 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;

              }
          }]);