AngularJS 仅在解析时返回两个 http get 请求

Question

我有一个 Angular 应用程序，在控制器中我需要调用一个函数来发出两个 http get 请求，并且我需要这个函数在它们被解析时返回这些值。我不能让它们在 $routeProvider 中解析，因为这个函数需要在同一个控制器中获得一个值。

我展示了控制器的一部分：

function myController(info) {
 var vm = this;
 vm.name = info.data.name;

 vm.extra_data = MyService.getExtras(name);
}

这里是服务的部分代码：

function myService($http, $q, API_EVENT1, API_EVENT2) {
 return {
  getExtras: getExtras
 }

 function getExtras(name) {
  var request1 = API_EVENT1 + '/' + name; 
  var request2 = API_EVENT2 + '/' + name;

 }
}

由于我尝试了几种方法，功能不完整，但我都没有成功。

我的问题是如何返回（在 getExtras 函数中）请求的两个结果。我曾尝试使用 $q.defer、$q.all 和 promises，但我无法实现。

以$q.all为例，我得到了结果，但是当我调用函数时，对象extra_data是未定义的，因为请求是异步执行的。

提前感谢您的回复。

Answer 1

我会使用$q.all 从服务返回组合承诺，并在控制器中处理结果。例如：

function myService($http, $q, API_EVENT1, API_EVENT2) {
  return {
    getExtras: getExtras
  }
  function getExtras(name) {
    return $q.all([
      $http({method: 'GET', url: API_EVENT1 + '/' + name}), 
      $http({method: 'GET', url: API_EVENT2 + '/' + name})])
     );
  }
}

function myController(info) {
  var vm = this;
  vm.name = info.data.name;

  MyService.getExtras(name).then(function(data) {
    vm.extra_data.first = data[0];
    vm.extra_data.second = data[1];
  });
}