坚持适用范围超出GET请求角

Question

我有以下代码：

$http({ 
    method: 'GET', 
    url: 'http://localhost:8080/getStuff' 
    }).then(function successCallback(response) { 
     $scope.stuffData= response.data.length; 
    }, function errorCallback(response) { 
    }); 

console.log("amount is:" +$scope.stuffData); 


}); 

在这种情况下，我的日志给：

amount is:undefined 

其他一些做题建议运行$范围$申请。使我的范围持久。为此，我收到以下错误：

angular.js:13920 Error: [$rootScope:inprog] $digest already in progress 

什么是保持范围的正确方法？ I.E将一个get请求的值赋给一个scope变量的正确方法是什么？

Answer 1

HTTP调用是异步。您的console.log可能在之前被称为您的应用检索了数据。当调用console.log时，$scope.stuffData尚未定义。

将您的console.log移动到.then。

$http({ 
    method: 'GET', 
    url: 'http://localhost:8080/getStuff' 
}).then(function successCallback(response) { 
     $scope.stuffData = response.data.length; 
     console.log("amount is:", $scope.stuffData); // <-- It should work 
}, function errorCallback(response) { 
}); 

Answer 2

HTTP请求以异步方式运行。为了处理这个概念，你必须使用promises。

Angular使用回调函数来处理异步HTTP调用。

在你的情况下，$scope.stuffData是未定义的，因为console.log在http请求获得数据之前运行.then()回调函数。

如果您在.then()函数中添加了console.log，则可以解决此问题。

Answer 3

在检索数据（http调用是异步）之前执行console.log（），所以该值尚未定义。请检查里面的函数值，成功后：

$http({ 
    method: 'GET', 
    url: 'http://localhost:8080/getStuff' 
    }).then(function successCallback(response) { 
     $scope.stuffData= response.data.length; 
     console.log("amount is:" +$scope.stuffData); 
    }, function errorCallback(response) { 
     console.log("Response error"); 
    }); 
}); 

Answer 4

try with this one please-- 

$http({ 
    method: 'GET', 
    url: 'http://localhost:8080/getStuff' 
    }).then(function successCallback(response) { 
     var obj = JSON.parse(response); 
     $scope.stuffData= obj.data.length; 
     $scope.$apply(); 
     console.log($scope.stuffData); 
    }, function errorCallback(response) { 
    }); 




});