現在のユーザーコンテキストをAngularに保存するにはどうすればよいですか？

Question

私はユーザーにログインするAuthServiceを持っており、ユーザーjsonオブジェクトを返します。私がしたいのは、そのオブジェクトを設定し、ページを更新することなくアプリケーション全体に反映されたすべての変更（ログイン/ログアウト状態）です。

どのようにAngularJSでこれを達成できますか？

Answer 1

これを達成する最も簡単な方法は、サービスを使用することです。例：

app.factory('AuthService', function() { 
    var currentUser; 

    return { 
    login: function() { ... }, 
    logout: function() { ... }, 
    isLoggedIn: function() { ... }, 
    currentUser: function() { return currentUser; } 
    ... 
    }; 
}); 

これを任意のコントローラで参照できます。次のコードは、（指定された関数を呼び出すことによって）サービスからの値の変化を監視し、変更された値をスコープに同期させます。

app.controller('MainCtrl', function($scope, AuthService) { 
    $scope.$watch(AuthService.isLoggedIn, function (isLoggedIn) { 
    $scope.isLoggedIn = isLoggedIn; 
    $scope.currentUser = AuthService.currentUser(); 
    }); 
}); 

そして、当然のことながら、その情報を使用することができます。例えばディレクティブ、テンプレートなどで呼び出すことができます。メニューコントローラなどでこれを繰り返すことができます（必要なものにカスタマイズされています）。サービスの状態を変更すると、すべて自動的に更新されます。

具体的な内容は実装によって異なります。

希望すると便利です。

Answer 2

AutoshServiceは一般的に誰の関心事でもあります（誰もログに記録されていなければ誰でもログインビューが消えるはずです）ので、Joshの良い反応を修正したいと思います。 （コントローラのような）利害関係者は$scope.$on('loginStatusChanged', function (event, isLoggedIn) { $scope.isLoggedIn = isLoggedIn; }を使用して聞きますが、$rootScope.$broadcast('loginStatusChanged', isLoggedIn);（1）（2）を使用している場合は、

（1）$rootScopeは、（2）サービス

の引数として注入されているが、非同期ログイン操作の可能性が高い場合には、あなたはブロードキャストは物事を変更することアンギュラ通知したいだろう、ということに注意してください、それを$rootScope.$apply()機能に含めることによって、

ここでは、すべての/多数のコントローラにユーザコンテキストを保存することについては、すべてのユーザのログイン変更を聞くことができず、最上位のログインコントローラだけを聞き、コントローラをこの子の子/組み込みコントローラとして使用します。このようにして、子コントローラはあなたのユーザコンテキストのような継承した親$ scopeプロパティを見ることができます。