javascript - 将 $rootScope 值存储在本地存储中，并在页面刷新时在另一个 Controller 中使用它

Question

我有一个 token 生成器功能，我必须在每个 http 调用中传递 token 参数，因此即使在刷新时我也需要完整存储 token 值并使用它。这是我的代码-

 $scope.accessTokenFunction=function() { 
      data={

      }
         $http.post('API_url',data, config)
         .success(function(data, status) {

          $scope.PostDataResponse = data;
          $rootScope.access_token=$scope.PostDataResponse.access_token;
          console.log($rootScope.access_token);
           var access_token = $rootScope.access_token
                localStorage.setItem("access_token", access_token);
                localStorage.getItem("access_token");
                console.log(access_token);
                $rootScope.acc=access_token;


    })

 };

问题是 var access_token 无法在页面刷新时存储 $rootscope.access_token ，但如果我使用

var access_token = 'jack'
I can use this value successfully even on page refresh inside other controllers.

我想要的是即使在页面刷新时也将 $rootScope 值分配给 access_token 。感谢任何帮助，谢谢

编辑

我做了这样的改变 var access_token = $scope.access_token

                localStorage.data=access_token;
                console.log(localStorage.data);

并在另一个 Controller 中使用这个 localStorage，如下所示

myApp.controller().....
{
    $scope.access_token=localstorage.data;

}

我现在可以在 Controller 中的任何位置使用这个 $scope.access_token 以及存储的值。

Answer 1

在页面重新加载时，您的应用程序将被初始化，因此您的 $rootscope 中将没有任何内容。相反，您可以将访问 token 存储到 session 、本地存储等中。