javascript - Angular.js 等待多个资源 (ajax) 调用

Question

我有一个 Angular.js 应用程序，我需要调用三个不同的资源，一旦它们全部完成，就一起使用它们。我的三个电话如下。

# Get the curriculum
$scope.curriculum = CurriculumResource.get id: $routeParams.id

# Get the list of courses
$scope.courses = CourseResource.query()

# Get the list of groups
$scope.groups = GroupResource.query()

一旦我知道所有请求都已完成，我该如何执行更多逻辑。我试过使用如下所示的 $watchGroup 和 $watchCollection，但似乎都不起作用。

$scope.$watchGroup ['curriculum', 'courses', 'groups'], ->
    # Shouldn't this run each time something in the above array changes?
    console.log 'Only runs once'

    # The values of the items in the below if statement eventually give a true result
    # but the if statement never runs when they are true
    if $scope.curriculum.groups and $scope.groups.length          
      console.log 'never gets here!'

Answer 1

我相信您可以使用 $q.all 完成此操作假设您的所有请求都返回 promise 。有点像

$q.all([CurriculumResource.get({id: $routeParams.id}), CourseResource.query(), GroupResource.query()])
  .then(function(results){
     // results will be an array of values from resolved promises in the original order
   })
   .catch(function(err) {
     // will fail on any rejected promise
   });