$ state.go reloadを実行しても他のコンポーネントは更新されません

Question

私はangularjsアプリケーションで作業していますが、次の問題があります。私の指示の1つは、ユーザーの詳細が表示されているトップナビゲーションバーです。ログイン、登録、ログアウトなど

function UserNavDirective() { 
    var ddo = { 
     templateUrl: 'app/views/common/usernav.html', 
     scope: { 

     }, 
     controller: UserNavDirectiveController, 
     controllerAs: 'usernav', 
     bindToController: true 
    }; 

    return ddo; 
} 

UserNavDirectiveController.$inject = ['AuthFactoryService', '$cookieStore']; 

function UserNavDirectiveController(AuthFactoryService, $cookieStore) { 
    var usernav = this; 

    usernav.loggedIn = AuthFactoryService.checkIfLoggedIn(); 
    usernav.username = $cookieStore.get('username'); 
    usernav.logout = AuthFactoryService.logout(); 


} 

私はログアウトとログインのためのサービスを持っています。小さい方のログアウトを投稿します。

authService.logout = function() { 

     $cookieStore.remove('token'); 
     $state.go('home', {}, { reload: true }); 

    } 

私はGoogleとstackoverflowので見つかったすべてのものを試してみましたが、私は手動でページを更新するまで、まだそれは、古いデータとusernavののcontrolerを保持します。

Answer 1

あなたは、ヘッダーからトークンを削除する必要があり、その後、クッキーはとても特別な遺跡で、この

$http.defaults.headers.remove = ['Authorization']; 
$cookieStore.remove('globals');