ユーザがログインした後にユーザプロファイルを取得する

Question

私のアプリケーションでは、各ユーザに特定のプロファイルがあります。currentUserという名前のこのプロファイルを保持するサービスを作成しました。

このプロファイルのプロパティを使用して、サイトのヘッダーをレンダリングし、さらにAPI呼び出しを行います。

問題は、このcurrentProfileサービスをいつ入力する必要がありますか？

は、いくつかのオプションがあります：

1 - ログイン約束が解決された後：

authService.login(username, pass) 
    .then(function(response) { 
     userService.getProfile() 
      .then(function(profile){ 
       currentUser.setProfile(profile); 
       $state.go('dashboard'); 
      }); 
    }); 

このアプローチの主な問題は、ユーザーがこのURL /main/listであり、ページをリフレッシュした場合、 currentUserが空になります。

2から$locationChangeStartとcurrentUserのイベントハンドラがまだ満たされていないhereなどのUIルータdeferInterceptとurlRouter.sync()と$urlRouter.listen()を使用して、このアプローチの主な問題は、私のヘッダディレクティブとコントローラが前に（または中）に実行されることをです。

私は砂漠化の効果をどのように達成できますか？どんなアイデアも気付かれる！

編集：私はのlocalStorageやクッキーや....

Answer 1

uiで、ルータに依存したくない、それはアプリケーションを続行する前にデータがロードされることを保証resolveプロパティを持っています。

$stateProvider 
 
     .state('main.list', { 
 
      url: "/main/list", 
 
      templateUrl: "views/custom/index.html", 
 
      controller:MainController, 
 
      resolve: { 
 
       loginUser : function($q){ 
 
        //load data or whatever 
 
        return loadData(); 
 
       } 
 
      } 
 
     })