页面刷新时不显示当前用户名

Question

我使用角度js中的JWT使用用户名和密码登录。 我能够在角度cookie中保存令牌和currentUser，如下所示：

identity.xml

它成功运作。但是现在在客户端我成功登录后会显示currentUser。

 $scope.login=function(){  
    $http.put('/api/login', $scope.loginUser).then(function(response){
        $cookieStore.put('token',response.data.token);
        $cookieStore.put('currentUser',$scope.loginUser.name);
        $rootScope.token=response.data.token;
        $rootScope.currentUser=$scope.loginUser.name;  
        $location.path('/dashboard');
       }, function(err){
       alert('Bad Login Credentials');
      });
      };

，如下所示：

但问题是每当我使用<span ng-hide="currentUser"> <li><a href="#/login">Login</a></li> <li><a href="#/register">Register</a></li> </span> <span ng-show="currentUser"> <li style="color:#fff">Hi, <span style="color:green">{{currentUser}}</span></li> </span> 和f5刷新页面时，currentUsername会替换为图片中的下方令牌ID。

请建议我解决方案及其发生的原因。

谢谢，