角度工厂函数总是返回空

Question

我试图将currentUser对象存储在工厂中，以便可以在我的应用程序中访问它。但是，只要我调用CurrentUserFactory.GetCurrentUser（），它就会返回null。我已经验证过，一切都很好，服务器端正在接收用户对象。但它总是返回null。

angular.module('myWebApp.services') 
    .factory('CurrentUserFactory', ['SettingsFactory', '$http', function(SettingsFactory, $http) { 
      var CurrentUserFactory = {}; 
      var currentUser = null; 

      CurrentUserFactory.GetCurrentUser = function() { 
       if (!currentUser) { 
        $http.get(SettingsFactory.myAPIUrl + 'api/users/current', { withCredentials: true }).then(function (response) { 
         currentUser = response.data; 
        }); 
       } 
       return currentUser; 
      } 

      return CurrentUserFactory; 
     } 
    ]); 

Answer 1

到$http异步调用返回一个承诺，但函数本身返回currentUser，这是null。您需要返回$http承诺，如果currentUser是null，或返回currentUser包裹在一个承诺，如果它不是null：

angular.module('myWebApp.services') 
    .factory('CurrentUserFactory', ['SettingsFactory', '$http', '$q', function(SettingsFactory, $http, $q) { 
      var CurrentUserFactory = {}; 
      var currentUser = null; 

      CurrentUserFactory.GetCurrentUser = function() { 
       if (!currentUser) { 
        return $http.get(SettingsFactory.myAPIUrl + 'api/users/current', { withCredentials: true }).then(function (response) { 
         currentUser = response.data; 
         return response.data; 
        }); 
       } 
       return $q.resolve(currentUser); 
      } 

      return CurrentUserFactory; 
     } 
    ]); 

用法：

因为该函数返回一个承诺，你需要一个.then()块得到结果：

CurrentUserFactory.GetCurrentUser().then(function(currentUser) { 
    console.log(currentUser); 
});