javascript - 访问控制器外的服务

Question

我正在尝试根据存储在服务中的值隐藏和显示菜单项。这是一个 qnd 会话服务，它根据存储在以下位置的 accessToken 登录用户$cookies.accessToken：

app.service('Session', function ($cookies, $location) {
  var Session = {
    isLoggedIn: !! $cookies.accessToken,
    accessToken: $cookies.accessToken,

    login: function (token, redirectTo) {
      this.accessToken = token;
      this.isLoggedIn = true;

      if (redirectTo) {
        $location.path(redirectTo);
      }
    },
    logout: function () {
      this.accessToken = false;
      this.isLoggedIn = false;
    }
  };

  if (Session.accessToken) {
    Session.login(Session.accessToken)
  }

  return Session;
});

我目前有 3 个控制器并使用该ngView指令显示适当的部分。但是，您可以想象，我不希望显示“注销”或“身份验证”链接：

  <div class="container">
    <nav>
      <ul class="nav nav-tabs">
        <li><a href="#/public">public</a></li>
        <li><a href="#/logout">log out</a></li>
        <li><a href="#/auth">auth</a></li>
      </ul>
    </nav>

    <div ng-view></div>
  </div>

我试过ng-hide="Session.isLoggedIn"了，但没有成功。那么做我想做的事情的正确方法是什么？