bug: $http promise and ng-repeat display only part of the response data

[d6u]

Brief:

// in controller
$scope.items = $http.get('url');

// in html
<div ng-repeat="item in items"></div>

I got 90+ elements in items, but ng-repeat only show about 10 of them.

Explain:

I know ng-repeat can be used together with $q promise but it only partially working with $http.

[pkozlowski-opensource]

@daiweilu by doing:

$scope.items = $http.get('url');

you are returning a promise that is going to resolve to the result object and not response data. What you should be doing is this:

$scope.items = $http.get('url').then(function(response){
  return response.data;
});

Anyway, this seems to be a general question about AngularJS usage and as such would be better asked using one of those channels:

• mailing list (angular@googlegroups.com)
• StackOverflow (http://stackoverflow.com/questions/tagged/angularjs)
• IRC (http://webchat.freenode.net/?channels=angularjs&uio=d4)
• Google+ community (https://plus.google.com/u/0/communities/115368820700870330756)

We want to keep GitHub issues for bug reports and feature requests so closing this one for now. Please re-open with a clear reproduce scenario if you still believe that there is a bug in AngularJS.

As a side note - you will maximize your chances of getting help if you provide live code example using http://plnkr.co/ and trim down your reproduce scenario to the essential bits.

[petebacondarwin]

Also, I think that getting AngularJS to unwrap your promises is an anti-pattern that should be avoided.
Instead, assign the scope value directly inside the success handler:

$http.get('url').then(function(response){
  $scope.items = response.data;
});

[d6u]

@pkozlowski-opensource @petebacondarwin really appreciate.

[theredpea]

Just to be clear, @pkozlowski-opensource 's suggestion, will that work? The effect is still to ng-repeat over a promise (vs an array)? And it doesn't include an attempt to unwrap the promise (which @petebacondarwin advises is an anti-pattern anyway). So it's just iterating over the properties of the promise, which include things like then, catch, finally, as shown here; am I right?

[gkalpak]

@theredpea, these answers are too old, from back when "automatic promise unwrapping" was a thing. It has since been removed, so you need to use @petebacondarwin's suggestion (i.e. explicitly assigning the value - not the promise - to the property).

[theredpea]

Thanks @gkalpak , that's consistent with the SO where I found this thread:

The example I saw working used an old copy of angular where it worked out of the box whereas now you have to manually set $parseProvider.unwrapPromises(true)

Cool, thanks