Javascript/AngularJS范围问题

Question

我试图捕获从我的服务器返回的错误，并在登录函数结束时返回它们。如果成功，则不会返回错误，如果失败，将返回错误列表。登录代码是AngularJS服务的一部分，如下所示：

angular.module('auth').service('RestfulAuthService',['$http','REST_BASE_URL',function($http,base_url){ 
var self = this; 

//define backend urls 
var api_urls = { 
    login: base_url+'/login/', 
} 
//hold user credentials to be accessed 
var api_user = { 
    username:null, 
    email:null, 
    first_name:null, 
    last_name:null, 
} 
var api_user_token = null; 

self.user_profile = function(){ 
    return api_user; 
} 
self.login = function(username,password){ 
    var errors = {none:null}; 
    $http.post(api_urls.login,{username:username,password:password}) 
    .then(function(response){ //success 
     //extract data 
     api_user.username = response.data.username; 
     api_user.email = response.data.email; 
     api_user.first_name = response.data.first_name; 
     api_user.last_name = response.data.last_name; 
     api_user_token = response.data.token; 
     //Add auth token to headers for all future requests 
     $http.defaults.headers.common['Authorization'] = api_user_token; 
     errors = {}; 
    },function(response){ //error 
     errors = response.data; //return serializer errors 
    }); 
    return errors; 
}; 
//REST OF SERVICE ... 

但是返回的值总是{none：null}。换句话说，错误变量没有被成功或失败函数所改变。我很确定这是一个范围问题，但我不知道如何解决这个问题。

Answer 1

这是一个范围问题，但它更像是一个同步问题。在达到任何.then代码之前，HTTP请求开始并且return errors;被执行。你必须使用回调传递错误数据。

self.login = function(username,password,callback){ 
    var errors = {none:null}; 
    $http.post(api_urls.login,{username:username,password:password}) 
    .then(function(response){ //success 
     //extract data 
     api_user.username = response.data.username; 
     api_user.email = response.data.email; 
     api_user.first_name = response.data.first_name; 
     api_user.last_name = response.data.last_name; 
     api_user_token = response.data.token; 
     //Add auth token to headers for all future requests 
     $http.defaults.headers.common['Authorization'] = api_user_token; 
     errors = {}; 
     callback(errors); 
    },function(response){ //error 
     errors = response.data; //return serializer errors 
     callback(errors); 
    }); 
}; 

调用代码必须使用回调调用，并使用其参数来访问错误。

self.login(username, password, function(errors) { 
    // handle errors 
});