AngularJS Promise Resolved but cannot reach data

Question

var promise = GetQuestions.quote.get();
console.log(promise);
promise.$promise.then(function(quote) {
  $scope.quotes = quote;
  console.log($scope.quotes);
  for( quote in $scope.quotes){
     console.log(quote.cite);
  }
});

factory

.factory('GetQuestions', ['$resource', function($resource){
   return {
      quote: $resource('**Resource Link**', {}, { get: { method: 'GET', isArray: true }})
   };
}])

Here is console.log(promise):

[$promise: Promise, $resolved: false]

Here is console.log($scope.quotes):

And console.log(quote.cite) logs undefined

The Issue:

My issue is that I can't access the "cites", the promise is supposedly resolved however I can't seem to access the data correctly. I have tried doing promise.then() (instead of promise.$promise.then()), however I get an error telling me promise.then() is not a function. I am not sure why this is. Any help?

Community · Accepted Answer · 2017-05-23 11:54:19Z

1

Instead of the for var in list syntax, try

$scope.quotes.forEach(function(quote) {
    console.log(quote.cite);
});

The for var in list should not be used to iterate over arrays. It's intended purpose is to iterate over object properties. When you use it to iterate over an array, you will often get weird behavior.

See this SO question.

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Mar 30, 2017 at 15:07

gpanders

1,4312 gold badges16 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

AngularJS Promise Resolved but cannot reach data

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related