Angular JSアプリケーション全体で$ rootScopeを見る方法

Question

角度1.5.6を使用しています。私のアプリケーションはいくつかのモジュールで構成されています。各モジュールには独自のビューとコントローラがあります。私の質問は、それぞれのコントローラで$ rootScopeを見る方法です。 $ rootScope.accountにグローバル変数があるので、すべてのコントローラで$ rootScopeを監視する必要があります。ユーザーが$ rootScope.accountページを更新すると、すべてのアプリケーションがクラッシュします。私はすべてのモジュールで$ rootScope.accountを見たいので、ユーザーがリフレッシュしたら、リフレッシュを処理してログインページにリダイレクトすることができます。私は私のモジュールのすべてに私が注入するサービスの可能性があると思った？

Answer 1

2つの簡単な方法で実行できます。

まず：あなたのコントローラに$rootScopeを含める：

app.controller('MyCtrl', [ 
    '$rootScope', 
    '$scope', 
    function($rootScope, $scope) { 
     $rootScope.$watch('myvar', function(newValue, oldValue) { 
      doSomething(); 
     } 

     //... 
    } 
]); 

セカンド。他のスコープに同じ名前の変数がない場合は、$rootScopeの使用を避けて、ちょうど$scopeを使用します。 $scopeはすべて$rootScopeから継承されているため、これが機能します。

app.controller('MyCtrl', [ 
    '$scope', 
    function($scope) { 
     $scope.$watch('myvar', function(newValue, oldValue) { 
      doSomething(); 
     } 

     //... 
    } 
]);