javascript - angularjs:使用来自两个 http 请求的变量

Question

我想使用来自两个 http 请求的变量。我尝试使用 rootScope，但它不起作用。 dlon 和 dlat 仍未定义。这是代码。

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope,$rootScope, $http) {
    $http.get("http://api.zippopotam.us/us/68503")
      .then(function (response) {
        $rootScope.lon1 = response.data.places[0].longitude;
        $rootScope.lat1 = response.data.places[0].latitude;
    });
    $http.get("http://api.zippopotam.us/us/68504")
      .then(function (response) {
        $rootScope.lon2 = response.data.places[0].longitude;
        $rootScope.lat2 = response.data.places[0].latitude;
    });
    $scope.dlon = $rootScope.lon1 - $rootScope.lon2;
    $scope.dlat = $rootScope.lat1 - $rootScope.lat2;
});

谢谢。

Answer 1

您将需要使用一个 promise ，该 promise 将在两个 http 请求完成后解析。在 Angular 中，这是用 $q 完成的。