在AngularJS中解析之前加載控制器

Question

加載控制器之前，我的AngularJS解析未完成。

背景：假設我有一個“我的個人資料”頁面被請求（用戶加載website.com/user）。 我想讓角度攔截請求並從服務器請求適當的數據。

服務器將根據用戶是否已登錄/活動/等進行不同的答復。 我希望在加載模板之前以及啟動適當的控制器之前從服務器獲取數據。 到目前為止還沒有。

App.js代碼：

.when('/user',
  {
    templateUrl:'/templates/user',
    controller: 'my_profile',
    resolve: {
        some_cute_function_name: function($timeout){
            $timeout(function(){
                console.log('here123');
            },5)
        }
   }

同時，控制器代碼：

            console.log('about to update scope');

事實證明，控制器是在解析完成之前啟動的。 我知道這是因為$ timeout結束之前的秒數越長，我越有可能看到以下內容：

about to update scope
here123

而不是相反。

有什么方法可以確保在啟動控制器之前解決該問題？

非常感激！

Answer 1

您的解析器需要返回承諾：

  .when('/user',
  {
    templateUrl:'/templates/user',
    controller: 'my_profile',
    resolve: {
        some_cute_function_name: function($timeout){
            return $timeout(function(){
                console.log('here123');
                return { some: 'data' };
            },5);
        }
   }

Answer 2

AngularJS將解析描述為：

“應該將可選的依賴關系映射注入到控制器中。 如果這些依賴關系中的任何一個是promise ，路由器將在實例化控制器之前等待所有這些依賴關系被解決或被拒絕。” （強調）

我認為， 除非有任何依賴關系得到保證， 否則 angular不會在實例化控制器之前等待解析完成（即使我完成操作需要很長時間才能完成，例如$ timeout）。

解決方案：您必須確保解決方案涉及承諾。