Angular access variable outside $http success function

Question

I am trying to loop through some json values outside the actual function. could anyone help me?

app.controller('MapCtrl', function($scope, $http){

$scope.contents = [];

$http.get('/data4estate/data_model.php')
    .success(function(data) {
        $scope.contents = data;
    });

for (i = 0; i < $scope.contents.length; i++) {
    console.log( $scope.contents[i].name);
}

});

`$http` is asynchronous, the for loop is running before `$scope.contents` has been populated. — Sterling Archer, Mar 17 '17 at 19:58
Possible duplicate of [How do I return the response from an asynchronous call?](http://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call) — Heretic Monkey, Mar 17 '17 at 19:58
Read the documentation for angulars http module, this is something you should understand before using it. — Sterling Archer, Mar 17 '17 at 20:00

score 0 · Answer 1 · answered Mar 17 '17 at 20:34

0

Try this code.

app.controller('MapCtrl', function ($scope, $http) {

      $scope.contents = [];

      $http.get('/data4estate/data_model.php')
          .success(function (data) {
              $scope.contents = data;
          });

      $scope.$watch('contents', function () {
          for (i = 0; i < $scope.contents.length; i++) {
              console.log($scope.contents[i].name);
          }
      });
  });

answered Mar 17 '17 at 20:34

Vindhyachal Kumar

1,713
2
23
27

See [Why are angular $http success/error methods deprecated? Removed from v1.6?](http://stackoverflow.com/questions/35329384/) – georgeawg Mar 18 '17 at 04:54

score 0 · Answer 2 · answered Mar 17 '17 at 23:19

$http.get('/data4estate/data_model.php').then(function(response) {
    angular.forEach(response.data, function(dataItem) {
        console.log(dataItem);

    });
    /*once you assign the result to $scope here, all the bindings
      in your view will update automatically */
    $scope.contents = response.data;
});

Angular access variable outside $http success function

2 Answers2