AngularJS: Set private service variable in callback

Question

I'm trying to do this:

app.service('productsService', ['$http', productsService]);

function productsService($http){

    return {
        getProducts: getProducts
    }

    var _products = [];

    function getProducts(){

        $http.get('http://localhost:4000')
            .then(function(data){
                _products = data;
            });
        }
}

But at the then callback _products is an undefined variable.

What is the correct way to set _products value from the then callback?

JimL · Accepted Answer · 2014-11-27 06:06:21Z

1

You need to set the variable before the return statement.

app.service('productsService', ['$http', productsService]);

function productsService($http){
    var _products = [];

    return {
        getProducts: getProducts
    }

    //var _products = []; this will never run

    function getProducts(){

        $http.get('http://localhost:4000')
            .then(function(data){
                _products = data;
            });
        }
}

answered Nov 27, 2014 at 6:06

JimL

2,5411 gold badge20 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

AngularJS: Set private service variable in callback

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