如何在javascript / angular中的函数内为全局变量设置值？ [复制]

Question

嗯，我需要在不同的角度控制器或任何函数中使用一个变量，我可以这样做，但在这种特殊情况下，我从服务或函数中获取其中一个变量的值，你想要什么调用它，这是代码

//global variable userdata
userdata = {};

ng.tcts.service('$user', function($http, $q, $window, $boots){
return{

    login: function(data){
        var deferred = $q.defer();

        $http({
            method:'POST',
            url:ng.api+'/log/in',
            data:{
                    data:data
                },
            headers:{'Content-type':'application/x-www-form-urlencoded'}        
        }).success(function(response, status, headers, config){
            if(response.success){
                console.log(response);
                //userdata assignation
                userdata = response.data;  
                deferred.resolve([response.respnum, response.success, response.report, response.data]);
            }
            else{
                deferred.resolve([response.respnum, response.success, response.report, response.data]);
            }
        }).error(function(response, status, headers, config){
            deferred.reject([response.respnum, response.success, response.report]);
        });
        return deferred.promise;        
    }

);

如您所见，我在成功函数中为 userdata 分配 response.data 的值，当我在函数环境中使用它时，分配工作正常，但是当我尝试在它之外使用它时，对象是空的，希望你能帮我解决这个问题，谢谢

Answer 1

您需要做的就是创建一个服务来获取和设置用户数据，并将数据保存在服务中。然后您创建一个返回该数据的方法，您可以将其注入应用程序中的任何控制器。

app.service('userData',function(){
var data;

this.get = function() {
    // do your ajax call to get your user data and in the response data = response;
}

this.data = function() {
    return data;
}
});

然后在任何控制器中：

function myCtrl($scope,userData) {
    // you can access it with this userData.data();

    // or set it to a $scope var

    $scope.userData = userData.data();
}

创建一个全局变量并不是你使用 Angular 的方式，你可以创建一个服务，然后将其注入到你的控制器中，这样多个地方就可以访问该数据，或者你可以将它设置为 $rootScope 变量，然后在任何地方引用它控制器。永远不要创建一个全局变量并在你的控制器中引用它。这就是在 Angular 中最终导致内存泄漏的原因。

Answer 2

不是 100% 清楚您的问题是什么。如果您只是希望从任何控制器调用此服务并获得userdata 的值，那么只需使用response.data 解决您的承诺。

所以为您服务：

deferred.resolve(response.data);

*或您需要的任何其他响应项目

在控制器中：

$user.login(payload).then(function(userData){
   console.log(userData);
});

如果您想在已经向服务器发出请求后维护这些数据，您也可以在变量中设置某个位置 （如@btm1 建议的那样）服务，如下例所示。

Example