AngularJS $ rootScope Issues

Question

角度$rootScopeを使用して、ユーザーがログインしているかどうかを表示するために2つの変数を設定します。

私が持っている二つの機能私は

<div class="inline-divs" style="float: right" ng-show="isLoggedIn == true"> 
    <div class="inline-divs"><a>{{username}}</a></div> 
    <div class="inline-divs"><a href="#" ng-click="logout()">Logout</a></div> 
</div> 

私が今持っている問題のようなものがdivは、私がログインしたときに表示されていることである持っている私のHTMLで

login() { 
    $rootScope.isLoggedIn = true; 
    $rootScope.username = response.principal.username; 
} 

と

logout() { 
    $rootScope.isLoggedIn = false; 
    $rootScope.username = ""; 
} 

しかし、私がログアウトボタン（logout() functioを呼び出す）をクリックするとn）、それは再びdivを隠すと思われますが、うまくいきません。 divは引き続き表示されます。私は正常に実行されたログアウトに他のステートメントがありますが、なぜ$rootScope.isLoggedInをfalseに設定し、divを隠蔽しないのかわかりません。

<div class="inline-divs" style="float: right" ng-show="isLoggedIn"> 

へ

私が間違って

Answer 1

変更にこれらの行を何をやっている

<div class="inline-divs" style="float: right" ng-show="isLoggedIn == true"> 

isLoggedInの値をチェックする必要はありません。 true/falseのように直接式に割り当てることができます。

よろしくお願いいたします。ログインする前ウルコントローラで

Answer 2

HTML

<div class="inline-divs" style="float: right" ng-show="isLoggedIn"> 

と機能をログアウトこの

$rootScope.isLoggedIn = false; 

を追加し、uができるように、値をprintig一度ウルhtmlページでご確認ください$ rootScope.isLoggedInで何が起こっているのか

<pre>{{isLoggedIn}}</pre> 

Answer 3

私はhtmlのrootScooeで面白い振る舞いをしましたが、変数の前に$root.を追加してみてください：

ng-show="$root.isLoggedIn"また、明示的に真をチェックする必要もありません。