如何使用 Angularjs promises 正确获取变量

Question

我想不通这个问题。我的问题是为什么我无法解决回复。而且我不能在我的控制器中使用响应。但是我得到 6 个空响应。请打开控制台并按下 google 地图下的 "Get Result" 按钮。你会看到未定义的数组。

 getGoogleDirection.getData(response,$scope.mymap).then(function(res){
                console.log(res); // **it returns undefined elements**
            });

这是服务。

    App.factory('setData',function($q){
    return {
        getData:function(array){
            var deferred = $q.defer();
            var newArray = [];
            angular.forEach(array,function(firstBlocks,key){
                var dummy = firstBlocks.chunk(9);
                angular.forEach(dummy,function(last,key2){
                    if(key2!=0){
                        dummy[key2].unshift(dummy[key2-1][dummy[key2-1].length-1]);
                    }
                });
                newArray.push(dummy);
            });
            deferred.resolve(newArray);
            return deferred.promise;
        }
    };
}); 
App.factory('getGoogleDirection',function($q){
    return {
        getData:function(array,mymap){
            var distances = [];
            var promises = []
            angular.forEach(array,function(object,key){
                angular.forEach(object,function(array2,key2){
                    promises.push(getDirection(array2));
                });
            });
            function getDirection(array){
                var wayPoints = [];
                var start = array[0];
                var finish = array[array.length-1];
                array.pop();
                array.shift();
                angular.forEach(array,function(item,key){
                    wayPoints.push({
                        location:new google.maps.LatLng(parseFloat(item.lat),parseFloat(item.lng)),
                        stopover:true
                    });
                });
                calcRoute(new google.maps.LatLng(parseFloat(start.lat),parseFloat(start.lng)), wayPoints, new google.maps.LatLng(parseFloat(finish.lat),parseFloat(finish.lng)));
            }
            function calcRoute(start,waypoints,end) {
                var directionsDisplay;
                var directionsService = new google.maps.DirectionsService();
                directionsDisplay = new google.maps.DirectionsRenderer();
                directionsDisplay.setMap(mymap);
                    var request = {
                        origin:start,
                        destination:end,
                        waypoints:waypoints,
                        optimizeWaypoints: false,
                        travelMode: google.maps.TravelMode.DRIVING,
                        avoidHighways:false,
                        avoidTolls:false
                    };
                var deferred = $q.defer();
                return directionsService.route(request, function(response, status) {
                    if (status == google.maps.DirectionsStatus.OK) {
                        directionsDisplay.setDirections(response);
                        deferred.resolve(response);
                    }else{
                        deferred.reject(response);
                        alert('Error');
                    }
                    return deferred.promise;
                });
            }
            return $q.all(promises).then(function(res){
                return res;
            });
        }
    }
});

Answer 1

当 promise 被解决时，它会在其回调函数中提供已解决的数据。在你的代码中你没有使用它。

修改这段代码

              var dist = [];
              angular.forEach(data, function (d) {
                if (d) dist.push(d);
              });
              console.log(dist);
              return dist;

看这里 http://plnkr.co/edit/dmlhpWKUxL7CLb1ej8FV?p=preview

Answer 2

$q.all(promises) 在所有承诺完成时完成，但是 promises 数组根本不包含承诺。添加到 promises 数组的是 directionsService.route 的 return 值，这不是 promise。当你给 $q 一个非 promise to resolve 时，它就像一个被解析为相同值的 promise。例如：

      $q.when(1).then(function(x) {
        alert(x);
      });

将提醒“1”，即使 1 不是承诺。

所以你需要做的是return一个在路由回调status == google.maps.DirectionsStatus.OK中解析的承诺。当您的承诺正确解决时，您可以使用距离。

不过，还是远距离解决你的承诺要好得多，所以最终的结果会是这样的：

var result = $q.deferred();
directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
        var distances = [];
        angular.forEach(response.routes[0].legs,function(leg){
              distances.push(leg.distance.value);
          });
        directionsDisplay.setDirections(response); // 
        result.resolve(distances);
    }else{
        result.reject('Google dan veri alımında hata yaşandı');
    }
});
return result.promise;

然后您可以这样使用它：$q.all(promises).then(function(allDistances) { ... }，其中 allDistances 是距离的二维数组，而第一个索引对应于路线，第二个索引对应于路段。

如何使用 Angularjs promises 正确获取变量

How to get variables properly with Angularjs promises

javascript

angularjs

angular-promise