將會話數據與其他角度指令和控制器同步

Question

在我的AngularJS應用程序中，我有一個會話服務對象，其中包含像當前用戶，他們的偏好，他們所屬的當前公司以及他們正在使用的當前主題等內容。當我的應用程序中有很多地方需要獲取這些數據時，請參閱會話服務。

因爲這些變量在服務中，所以我無法使用範圍監視來檢測更改。相反，我決定使用觀察者模式。應用程序中的各個位置（如其他服務，指令，控制器等）將向會話服務註冊自己，並提供一個回調，以便在會話更改時執行。

例如，如果用戶更改其主題，將會通知使用自定義指令的index.html中的<style>元素，並且會重新創建新顏色的所有覆蓋CSS規則。例如，當用戶的頭像被更新時，主菜單欄控制器將被通知刷新並重新繪製頭像。像這樣的東西。

顯然，在各種控制器，指令等使用它之前，Session中的數據至少需要刷新一次。要求會話服務獲取其會話數據的自然地點在應用程序級模塊的run塊中。這工作得很好，但我認爲它也不是最好的地方。

我注意到的一個問題是，當Firebug打開時，加載事件的異步特性會導致排序問題。例如，在<style>元素上運行的指令將在應用程序的運行塊中刷新會話服務後運行...這意味着在按F5後主題將不會更新，因爲回調是在數據初始化後註冊的。我必須在這裏調用手動刷新以保持同步，但如果我這樣做了，它可能會在訂單不同的時間執行兩次！這是個大問題。我認爲這個問題不僅僅與Firebug有關......它可能在任何情況下發生，但是Firebug似乎會造成它持續一些，這很糟糕。

回顧一下...這種異步的排序是好的：

1. 主題指令寄存器回調會議
2. 菜單欄應用程序控制器註冊回調會議
3. Session.refresh（）被調用.run塊。

這種異步的排序是壞：

1. 菜單欄應用控制器寄存器回調會議
2. Session.refresh（）被調用.run塊。
3. 主題指令註冊回撥Session，，但自從Session.refresh（）已被執行以來，回調沒有得到執行。

因此，而不是使用觀察者模式，或通過run塊刷新會話狀態，什麼是最好的方式來設計服務等，從而使會話數據總是會得到刷新後（或可能之前）應用程序的其他各個部分都需要它嗎？是否有某種事件可以掛鉤，在執行指令和控制器之前執行，而不是運行塊？

如果我的方法通常是合理的，我可以添加什麼來真正使它按照它應該的方式工作？

謝謝！

Answer 1

在angular.js你必須使用全局變量的2路：

1. 使用$ rootScope
2. 使用服務

使用$ rootScope是很容易的，你可以簡單地注入它進入任何控制器並在此範圍內更改值。所有全局變量都有問題！ 服務是一個單身（你需要什麼）！

我覺得你的情況，你可以使用

$ rootScope

而且

$範圍。$看

大answer

Answer 2

是否有一個原因，你不能直接訪問的變量是這樣的：

app.factory('SessionService', function() { 
    var items = { 
     "avatar": "some url" 
    }; 
    return items; 
}); 

var MainController = [$scope, 'SessionService', function($scope, SessionService){ 
    $scope.session = SessionService; 

    $scope.modifyAvatar = function(url){ 
     $scope.session.avatar = "some new url"; 
    }; 
}]; 

var HeaderController = [$scope, 'SessionService', function($scope, SessionService){ 
    $scope.session = SessionService; 

    // You probably wouldn't do this, you would just bind 
    // to {{session.avatar}} in your template 
    $scope.getAvatar = function(){ 
     return $scope.session.avatar; 
    }; 
}];