javascript - 变量在 angular.forEach 中不可访问

Question

我有一项服务

app.service('myService', function() {
    this.list = [];
    this.execute = function() {
        //this.list is reachable here
        angular.forEach(AnArrayHere, function(val, key) {
           //this.list is not reachable here
        });
    }
}

即使在 Controller 中也可以访问

function Ctrl($scope, myService) {
    $scope.list = myService.list;
}

有人可以解释一下为什么在 angular.foreach 中无法访问“this.list”以及如何访问“this.list”吗？

Answer 1

angular.forEach(参见 http://docs.angularjs.org/api/angular.forEach)函数中的最后一个参数是 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);

    }
}