navigation menu distribution refresh beim Anmelden oder Abmelden von Benutzern

Question

Ich habe eine Menüanweisung, die Benutzerinformationen enthält (Login, Logout ...), die ihren Status ändern, wenn sich ein Benutzer an- oder abmeldet.

<ul class="nav navbar-nav"> 
    <li ng-hide="isLoggedIn"><a href="#/login">Sign in</a></li> 
    <li ng-show="isLoggedIn"><a href="#/profile">{{ currentUser.name }}</a></li> 
    <li ng-show="isLoggedIn" ng-click="logout()"><a>Logout</a></li> 
</ul> 

Ich möchte meine index.html wie diese

<navigation></navigation> 
<ng-view></ng-view> 

strukturieren Dies funktioniert nicht wie gewünscht, weil ich auf Login/Logout umleiten: nur ng-Ansicht aktualisiert wird, aber nicht die Navigation richtlinie ...

Um dies zu umgehen habe ich stattdessen die Navigationsdirektive am Anfang jeder meiner Seitenvorlagen, die in ng-view geladen sind.

Ist dies der beste Weg, um fortzufahren? Ich habe es schon anders gesehen, aber ich finde es unelegant.

Answer 1

Sie können es tun, wie dies die isLoggedIn Variable in $ rootScope einstellen kann und es auf 1 und 0 aktualisieren, wenn Sie sich anmelden oder abmelden