导航菜单指令刷新用户登录或注销

Question

我有一个包含用户信息（登录，注销...）的菜单指令，可以在用户登录或注销时更改状态。

<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>

我想像我这样构建我的index.html

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

这不能按预期工作，因为我在登录/注销时重定向：只有ng-view被刷新而不是导航指令......

为了解决这个问题，我将导航指令放在我在ng-view中加载的每个页面模板的开头。

这是最好的方法吗？我已经看到它已经完成，但我发现它不够优雅。

Answer 1

你可以这样做，可以在$ rootScope中设置isLoggedIn变量 并在您登录或注销时将其更新为1和0