Rozważ kod:

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

Trasy:

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

Rozwiązać:

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

            });
        });
    }
}]);

Powyżej mam zagnieżdżone 2 połączenia wewnątrz jednego, ponieważ są one zależne od danych zwracanych przez wywołanie rodzica.

Co chcę robić: zwróć Resolver, gdy wszystkie z nich zostaną ukończone, a nie tylko połączenie nadrzędne.

Nie mogę użyć $ q.all (), ponieważ 2 połączenia są zależne od pierwszego połączenia.

W skrócie, myAppController musi zostać załadowany dopiero po zakończeniu wszystkich 3 połączeń.