AngularJS access variable inside $http.get

Question

app.controller('EntryCtrl', ['$scope', '$http', function($scope, $http){
    $http.get(something.json).success(function(data){
      $scope.entries = data;
    });
    abc = $scope.entries.timestamp;  <-- not working
}]);

After searching, found that $http is an asynchronous function. So I wrap it in to a function, but still not working.

app.controller('EntryCtrl', ['$scope', '$http', function($scope, $http){
    var getEntries = function(){ return
      $http.get(something.json).success(function(data){
        return data;
      });
    };

    $scope.entries = getEntries();
    console.log($scope.entries); // returns undefined
}]);

tpie · Accepted Answer · 2015-04-19 20:06:07Z

1

Your console.log is firing before your promises return no doubt. Put the console.log inside the success.

I would probably write it like this:

var getEntries = function(){ 
      $http.get(something.json).success(function(data){
        $scope.entries = data;
        console.log($scope.entries);
      });
    };

    getEntries();

Also, if it still seems there is an issue, console.log(data) and see what you get. It may be a back-end issue.

Here is a plunker that shows what I mean. You shouldn't need to wrap it in a function like you did. $http.get is function already.}

edited Apr 19, 2015 at 20:06

answered Apr 19, 2015 at 19:08

tpie

6,2393 gold badges24 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Ricek Over a year ago

I want to use the variable $scope.entries somewhere inside the controller, not just inside the success

tpie Over a year ago

you can. it's $scope.

tpie Over a year ago

Anything you make a property of $scope is available anywhere in the controller, and can be bound to the view.

Ricek Over a year ago

How? I tried to use $scope.entries outside the $http.get but its returning undefined

tpie Over a year ago

The question is when? Bind {{entries}} to your view, then make your ajax call using the code I supplied, and see if it updates.

|

Collectives™ on Stack Overflow

AngularJS access variable inside $http.get

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related