角度工廠函數總是返回空

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