AngularJS return the factory after posts array was populated

Question

I have the following AngularJS factory where I consume my API data:

.factory('posts', function posts($http) {

    var posts = [];
    $http.get('/api').success(function(data) {
        posts = data;
    });

    /* === return this after $http is done === */

    return {
        get: function(offset, limit) {
            return posts.slice(offset, offset + limit);
        },

        total: function() {
            return posts.length;
        }
    }

});

My problem is that I need to return the get() just after the posts array is populated, when the $http request is done.

Can someone explain me how to achive this? Return the factory methods just when the $http.get() is done.

user3227295 · Accepted Answer · 2015-10-26 10:31:40Z

2

you must return the promsie.

.factory('posts', function posts($http,$q) {

var posts = [];


/* === return this after $http is done === */

return {
    get: function(offset, limit) {
        var deferred = $q.defer();
        if(posts.length==0){
           $http.get('/api').success(function(data) {
               posts = data;
               deferred.resolve(posts.slice(offset, offset + limit));
           });
         } else {
            deferred.resolve(posts.slice(offset, offset + limit));
         }
         return deferred.promise;            
    },
    total: function() {
        return posts.length;
    }
  }

});

edited Oct 26, 2015 at 10:31

answered Oct 26, 2015 at 10:09

user3227295

2,1561 gold badge13 silver badges17 bronze badges

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

4 Comments

Hiero Over a year ago

Its not returning anything

user3227295 Over a year ago

in you controller user then function to get data, posts.get(offset,limit).then(function(data){here is the data})l

Hiero Over a year ago

But each time when Im calling I get the same results, the thing is that I need to populate the posts = [ // all posts ] and on get just send some parts of the array, how can I achive this?

user3227295 Over a year ago

i updat e my answer that the http call onli o the first time.

Collectives™ on Stack Overflow

AngularJS return the factory after posts array was populated

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related