title: Angular show sign out after sign up
body: <p>Angular authentication with <code>ng-token-auth</code>. Its not showing <strong>Sign Out</strong> button, after <strong>Sign Up</strong>. But it works for <strong>Sign In</strong>.</p>
  
  <p>I am not redirecting it anywhere. Also, <code>isLoggedIn(), signOut()</code> functions work fine.</p>
  
  <p>Where exactly am i doing wrong ? Thank You !</p>
  
  <p><strong>Navbar Controller</strong></p>
  
  <pre><code>function($rootScope, $scope, $location, $auth, currentUser) {
  
    $scope.isLoggedIn = function() {
      return ($scope.user.id) ? true : false;
    }
  
    $scope.signOut = function() {
      currentUser.signOut();
    };
  </code></pre>
  
  <p><strong>Auth Controller</strong></p>
  
  <pre><code>  $scope.submitRegistration = function() {
      $auth.submitRegistration($scope.registrationForm)
        .then(function(res) {
          currentUser.set(res.data.data);
          $scope.close();
        })
        .catch(function(res) {
          $scope.errors = res.data.errors.full_messages.join(', ');
        })
    };
  
    $scope.submitLogin = function() {
      $auth.submitLogin($scope.loginForm)
        .then(function(resp) {
          currentUser.set(resp);
          $scope.close();
        })
        .catch(function(resp) {
           $scope.errors = "Email or Password invalid...";
        });
    };
  </code></pre>
  
  <p><strong>Navbar HTML</strong></p>
  
  <pre><code>    &lt;li ng-controller="AuthModalCtrl" ng-if='!isLoggedIn()'&gt;
        &lt;div ng-click="openModal(signin)"&gt;Sign In&lt;/div&gt;
      &lt;/li&gt;
      &lt;li ng-controller="AuthModalCtrl" ng-if='!isLoggedIn()'&gt;
          &lt;div class="bubble-btn sign-up" ng-click="openModal('register')"&gt;Sign Up&lt;/div&gt;
      &lt;/li&gt;
      &lt;li ng-controller="NavCtrl" ng-show='isLoggedIn()'&gt;
         &lt;div ng-click="signOut()"&gt;Sign Out&lt;/div&gt;
      &lt;/li&gt;
  </code></pre>