javascript - 如何链接来自不同 Controller /位置的AngularJS Promise？

所以这有点复杂，但是我会尽力而为。在我的config.js中，我有：

.run(['$rootScope', '$location', 'UserService', 'CompanyService', function($rootScope, $location, UserService, CompanyService) {
  $rootScope.globals = {};

  $rootScope.$on('login', function(event, data) {
    $rootScope.api_key = data.api_key;
    CompanyService.get(data.user.company_id);
  });

  UserService.checkAuth().then(function(response) {
    if(response.data.user) {
      // Logged in user
      $rootScope.$broadcast('login', response.data);
    } else {
      UserService.logout();
    }
  });
}]);

基本上检查用户是否已登录。如果是，我们用CompanyService找出他属于哪个用户：

angular.module('mean').service('CompanyService', ['$http', '$rootScope', function($http, $rootScope) {
  var company = this;
  company.company_data = {}

  company.getCompany = function() {
    return company.company_data;
  }

  company.get = function (company_id) {
    return $http({
      url: '/api/v1/company/' + company_id,
      method: 'GET',
      headers: {
        api_key: $rootScope.api_key
      }
    }).success(function(response) {
      if(response.status === 'ok') {
        company.company_data = response.company;
      }
    });
  };
}]);

稍后在我的代码中，我有一个依赖于单例CompanyService的调用来进行API调用：

  $scope.index = function() {
    LocationService.get(CompanyService.getCompany()._id, $routeParams.location_parent_id).then(function(response) {
      if(response.data.status === 'ok') {
        $scope.locations = $scope.locations.concat(response.data.locations);
      }
    });
  }

但是，如果刷新页面，有时会在将数据放入CompanyService单例之前执行此调用。我如何使用promises确保在LocationService单例中包含数据之后才出现CompanyService？

最佳答案

一种方法是不对现有代码进行太多更改，而是创建一个保证，当CompanyService拥有数据时，该承诺就会实现。请注意，此代码不处理错误，因此仍然必须添加...

angular.module('mean').service('CompanyService',
        ['$http', '$rootScope', '$q', function ($http, $rootScope, $q) {
    var company = this;
    company.company_data = {}

    var initializedDeferred = $q.defer;
    company.initialized = initializedDeferred.promise;

    company.getCompany = function () {
        return company.company_data;
    }

    company.get = function (company_id) {
        return $http({
            url: '/api/v1/company/' + company_id,
            method: 'GET',
            headers: {
                api_key: $rootScope.api_key
            }
        }).success(function (response) {
            if (response.status === 'ok') {
                company.company_data = response.company;
                initializedDeferred.resolve(); // reject promise on error?
            }
        });
    };
}]);

$scope.index = function () {
    CompanyService.initialized.then(function () {
        LocationService.get(CompanyService.getCompany()._id,
            $routeParams.location_parent_id).then(function (response) {
            if (response.data.status === 'ok') {
                $scope.locations = $scope.locations
                      .concat(response.data.locations);
            }
        });
    });
}

关于javascript - 如何链接来自不同 Controller /位置的AngularJS Promise？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21870435/