javascript - 将 $http 服务的响应保存到 angularjs 中的数组中

Question

以下是代码，它正在控制台响应，但无法将响应设置为存储在 $scope.dateWiseData 数组中。让我知道我做错了什么。

$scope.dateWiseData = [];
var tmpArr = [];
var x = 0;
for (var i=0; i< 7;i++) {
    $http.post('/api/getdata', {_id: currentUser._id, data: data}).then(function(response){
        console.log(response.data);
        tmpArr.push(response);
        if ( x < 7 ) {
            $scope.dateWiseData = tmpArr;
        }
        x++;
    });
}
console.log("--Week Data Array--");
console.log($scope.dateWiseData);

Answer 1

如果您尝试打印 console.log($scope.dateWiseData); 这将在 $scope.dateWiseData 数组分配给 data 之前执行，这意味着这将在从服务器获取数据之前打印。但是您的数据应该在 http 完成后分配给该数组。您需要检查 javascript 中的 promise

$scope.getData() = function(){
    var deferred = $q.defer();
    for (var i=0; i< 7;i++) {
        $http.post('/api/dayavailability', {_id: SessionService.currentUser._id, weekDay: new Date($scope.sevenWeekDayArr[i]).toISOString()}).then(function(response){
            tmpArr = response.data;
            if ( x < 7 ) {
                $scope.dateWiseData.push(tmpArr);
            }
            if(x==6) {
                deferred.resolve();
            }
            x++;
        });
    }
    return deferred.promise;
}

像这样包装 for 循环 和

$scope.getData().then(function() {
   // processing
});

** 不要忘记添加 $q 作为 Controller 中的参数 **