Angular $http call not binding on success to $scope.data?

Question

Im having an issue with the $scope.items=data when calling success. I am using this jsfiddle : http://jsfiddle.net/SAWsA/11/ However instead of hardcoded items I did this:

   $scope.items=$http({method: 'GET', url: '/test/database/two'}).
   success(function(data, status, headers, config) {
   return data;
   }).
   error(function(data, status, headers, config) {
   $scope.status=status;
   });

and tried this:

$http({method: 'GET', url: '/test/database/two'}).
success(function(data, status, headers, config) {
$scope.items=data;
}).
error(function(data, status, headers, config) {
$scope.status=status;
});

When I put an alert within the success function I see the lenght being 25, so I know i am getting the data. However when I check the $scope.items after this $http run, I get a lengh of undefined after I leave the success function. Like it sets itself and loses it set outside of scope? Any help much appreciated.

I did this: $scope.apply($scope.items=$http({method: 'GET', url: 'chj-ld-mgmt066:3000/test/datatables/two'}). success(function(data, status, headers, config) { return data; }). error(function(data, status, headers, config) { $scope.status=status; })); Once I did that I received: TypeError: Object #<Object> has no method 'apply' This is being done within function ctrlRead — user2462320
– user2462320, Commented Oct 15, 2013 at 7:57

Andyrooger · Accepted Answer · 2013-10-14 20:21:52Z

4

When $http runs it will immediately return either [] or {} depending on whether isArray is set or not. The functions you pass to success or error are executed at a later time, when the data is received. When this data is received the [] or {} you had earlier will be populated with the data.

It sounds like you are running $http and testing for the data before it has had chance to be retrieved from the server. If you want to use the data then your relevant code should probably be inside the success function to defer the work until you have the data you want to work with..

answered Oct 14, 2013 at 20:21

Andyrooger

6,7461 gold badge45 silver badges44 bronze badges

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

2 Comments

user2462320 Over a year ago

Thank you for the explanation that really help me understand what is going on. As well as the answer, that did worked by the way.

Andyrooger Over a year ago

Glad you cracked it. If you feel this answer was the solution please mark it as so by clicking the large tick on the left. This will help to keep focus on other unanswered questions.

Collectives™ on Stack Overflow

Angular $http call not binding on success to $scope.data?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related