Упорно Scope за просьбу попасть в Угловое

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 

Некоторые другие SO вопросы предлагают работает $ объем $ обратиться. чтобы моя область сохранялась. К этому я получаю следующую ошибку:

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

Каков правильный способ сохранения моего объема? I.E Каков правильный способ присвоения значений запроса на получение переменной области видимости?

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.

Угловые функции обратного вызова для обработки асинхронных HTTP-вызовов.

В вашем случае $scope.stuffData не определено, поскольку console.log работает до того, как http-запрос получает данные в функции обратного вызова .then().

Это будет разрешено, если вы добавили console.log в функцию .then().

Answer 3

Консоль.log() выполняется до того, как данные будут восстановлены (HTTP-вызов является асинхронным), поэтому значение еще не определено. Попробуйте проверить значение внутри функции, после успеха:

$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) { 
    }); 




});