angularjs - 在 $http 回调中更新服务变量

Question

我正在使用一项服务使用户数据可用于我的 Angular 应用程序中的各种 Controller 。我一直在试图弄清楚如何使用 $http 服务来更新服务的本地变量(在我的例子中是“this.users”)。我试过有和没有 promise 。服务器正确响应。

我已经阅读了几篇关于如何在服务中使用 $http 来更新 Controller 范围的优秀文章。最好的是这个:http://sravi-kiran.blogspot.com/2013/03/MovingAjaxCallsToACustomServiceInAngularJS.html .但这对我没有帮助，因为它否定了使用服务的好处。主要是，修改一个 Controller 中的范围不会修改整个应用程序的其余部分。

这是我迄今为止所拥有的。

app.service('UserService', ['$http', function($http) {
    this.users = [];

    this.load = function() {
        var promise = $http.get('users.json')
            .success(function(data){
                // this.users is undefined here
                console.log(this.users);
            }
    };

    promise.then(function() {
        // this.users is undefined here
        console.log('this.users');
    });
}]);

任何帮助是极大的赞赏。谢谢你。

Answer 1

尝试使用

var users = [];

而不是

this.users = [];

看看什么

console.log(users);

在每种情况下的输出。