AngularJS: Có cách nào tốt hơn để đồng bộ hóa hai lời hứa?

Question

$http.get('/services/menu').success(function (dataMenu) { 
    $http.get('/services/language').success(function (dataLanguage) { 
      console.log('dataLanguage', dataLanguage); 
      $scope.menuRoot = dataMenu.result.items; 
      $scope.menuItems = dataMenu.result.items; 
      $scope.languageRoot = dataLanguage.result; 
      $scope.currentMenuItem = null; 
      $scope.refreshExperiments(); 
      $scope.mergeLanguage(); 
    }); 
}); 

Answer 1

Vâng, bạn có thể chạy chúng song song bằng cách sử dụng $q.all:

$q.all([$http.get('/services/menu'), $http.get('/services/language')]) 
    .then(function (res) { 
     var dataMenu = res[0].data.result.items; 
     console.log('dataLanguage', res[1].data); 
     $scope.menuRoot = dataMenu; 
     $scope.menuItems = dataMenu; 
     $scope.languageRoot = res[1].data.result; 
     $scope.currentMenuItem = null; 
     $scope.refreshExperiments(); 
     $scope.mergeLanguage(); 
}); 

Answer 2

Hoặc:

var menuPromise = $http.get('/services/menu'); 
var languagePromise = $http.get('/services/language'); 

menuPromise.success(function(dataMenu) { 
    languagePromise.success(function(dataLanguage) { 
     console.log('dataLanguage', dataLanguage); 
     $scope.menuRoot = dataMenu.result.items; 
     $scope.menuItems = dataMenu.result.items; 
     $scope.languageRoot = dataLanguage.result; 
     $scope.currentMenuItem = null; 
     $scope.refreshExperiments(); 
     $scope.mergeLanguage(); 
    }); 
}); 

mà làm cho cả hai $http yêu cầu cùng một lúc, và sau đó chạy mã khối (console.log... etc) sau khi cả hai lời hứa $http đã được hoàn thành.