Variable Is Not Accessible In Angular.foreach

I have a service app.service('myService', function() { this.list = []; this.execute = function() { //this.list is reachable here angular.forEach(AnArrayHer

Solution 1:

The last parameter in the angular.forEach (See http://docs.angularjs.org/api/angular.forEach) function is the context for this. So you'll want something like this:

app.service('myService', function() {

    this.list = [];

    this.execute = function() {

        //this.list is reachable here

        angular.forEach(AnArrayHere, function(val, key) {
           //access this.list
        }, this);

    }
}

Solution 2:

The reason this.list is not accessible in the foreach is because the context for that function call has changed. It works inside the execute method as that method is part of the same context as list.

Due to all the closures I would assign the this context to another variable that you can then call later on. Something like this:

app.service('myService', function() {

    varself = this;
    self.list = [];

    self.execute = function() {
        //this.list and self.list are reachable here
        angular.forEach(AnArrayHere, function(val, key) {
           //self.this == this.list
        });
    }
}

This is a slightly more general solution than passing the context as part of the foreach method call and would work in other closure related situations.