AngularJS ForEach against REST/JSON call ($resource) is undefined/running before JSON is ready?

Question

I am trying to run a foreach against a resource via a controller in order to output each of the items in the JSON array (later I will add conditionals), but it is returning as "undefined":

 pfcControllers.controller('pfcArticlesCtrl', ['$scope', '$log', 'pfcArticles', function ($scope, $log, pfcArticles) {
$scope.articlecount = pfcArticles.query();

var val = [];

angular.forEach($scope.articlecount, function (value, key) {
    this.push(value);
}, val);
    console.log(val);
    $scope.temp = val;

}]);

However, if I create a static array as follows, it works as expected:

pfcControllers.controller('pfcArticlesCtrl', ['$scope', '$log', 'pfcArticles', function ($scope, $log, pfcArticles) {
$scope.articlecount = pfcArticles.query();

articlz = [{ title: 'art1', id: 1}]

var val = [];
// Look over categories
angular.forEach(articlz, function (value, key) {
    this.push(value);
}, val);
    console.log(val);
    $scope.temp = val;

}]);

Here is my resource:

    pfcServices.factory('pfcArticles', ['$resource', function ($resource) {
    return $resource('https://myrestcall.net/tables/articles', {},
    {
        'update': { method: 'PATCH' }
    }
    );
}]);

What I believe is happening is that my foreach is executing before the JSON is returned since it is most likely async. How do I have it wait until my JSON is ready to be looped?

wjohnsto · Accepted Answer · 2015-01-11 05:50:51Z

1

You're looking for something like the following:

pfcControllers.controller('pfcArticlesCtrl', ['$scope', '$log', 'pfcArticles', function ($scope, $log, pfcArticles) {
    var articles = pfcArticles.query(function() {
        $scope.articlecount = articles.length;
        var val = [];

        angular.forEach(articles, function (value, key) {
            this.push(value);
        }, val);

        $scope.temp = val;
    });
}]);

The reason you are logging undefined is because the call to query() is asynchronous. You need to specify what to do with the articles in the resolve handler for the query.

answered Jan 11, 2015 at 5:50

wjohnsto

4,5032 gold badges16 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

AngularJS ForEach against REST/JSON call ($resource) is undefined/running before JSON is ready?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related