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 
});