AngularJS中的異步全局變量

Question

我正在使用AngularJS，我需要一個全局的幾個全局對象，可以被任何控制器在應用程序中訪問。

例如，我需要的一個對象是具有用戶ID和其他屬性的用戶對象。這個用戶對象來自數據庫，通過ajax。所以我需要一種方法來設置該用戶對象，然後初始化頁面上使用的控制器。基本上給應用程序一個頁面加載程序的第一次加載。

然後，如果該對象沒有設置，我需要重定向。

有沒有人有如何幹淨地做到這一點的想法？我一直在試圖使用廣播，但它的修飾意大利麪代碼。

目前我使用ui路由器，並有一個隱藏的視圖與控制器GlobalsCtrl。 GlobalsCtrl使用服務來獲取對象，然後$廣播它們以便控制器可以初始化。但是......此廣播只適用於初始網站加載。當更改$ location.paths時，由於已設置GlobalsCtrl變量，所以未廣播該事件。

我可以添加一些if語句，但對我來說似乎很混亂。

請幫忙。謝謝！

---

Plunker - http://plnkr.co/edit/TIzdXOXPDV3d7pt5ah8i

var app = angular.module('editor.services', []); 
app.factory('AnalysisDataService', ['$http', function($http) { 
    var self = this; 

    self.activeAnalysis = {}; 

    self.openAnalysis = function(analysisId) { 
     return $http.get('api/v1/assignments/analysis/' + analysisId) 
      .success(function(data, status, headers, config) { 
       self.activeAnalysis = data; 
       return self.activeAnalysis; 
      }).error(function(data, status, headers, config) { 
       console.log("Error could not load analysis article."); 
      }).then(function(result) { 
       return self.activeAnalysis; 
      }); 
    }; 

    self.getAnalysis = function() { 
     return self.activeAnalysis; 
    }; 

    self.navigateToStep = function(step) { 
     $location.path('/analysis/summary'); 
    };   

    return { 
     open: self.openAnalysis, 
     get: self.getAnalysis, 
     navigate: self.navigateToStep, 
    } 
}]); 

問題是我需要一些其他的控制器的負載之前要設置的self.activeAnalysis變量。每個頁面根據analysisId加載一個不同的數據集。

Answer 1

ui-router有一個resolve方法，您可以在您的路由中使用。
resolve將告訴路由器在它移動到新路由之前等待並解決問題。

以下是一些例子（你的問題是類似的認證）：

• angular ui-router login authentication
• https://gist.github.com/leon/6550951
你可以做

Answer 2

的一件事是使用路線上的resolve與ui.router，確保在轉換到新狀態之前解決任何承諾。事情是這樣的：

.state('app.mymodule', {url: '/my-route/', 
    views:{ 
     'someView': { 
     templateUrl: '/views/someView.html', 
     controller: 'someController' 
     } 
    }, 
    resolve: { 
     someResolve: function (someService) { 
     return someService.getUserInfo(); 
     } 
    } 
    }) 

這裏，$http呼叫someService.getUserInfo()做將過渡到狀態之前解決。在該方法內部，只需在服務中設置響應中的數據，並將其在控制器中提供。