页面刷新后保留角度变量

Question

我试图找出一种方法来保持我的angular变量与页面刷新/跨控制器。我的工作流程是

• 用户通过Facebook登录并获得访问令牌
• 用户访问令牌将与每个请求一起使用

我尝试了两种方法，

1-将令牌分配给rootScope 不工作

2-使用 factory

#app.js
'use strict';

angular.module('recipeapp', [])
 .run(['$rootScope', '$injector', 'Authenticate', function($rootScope,$injector, Authenticate){
            $injector.get("$http").defaults.transformRequest = function(data, headersGetter) {
                $injector.get('$http').defaults.headers.common['auth-token'] = Authenticate.getToken();
             }
        }]);

#factory
'use strict';
angular.module('recipeapp')
  .factory('Authenticate', function(){
    var factory = {};
    var accessToken = "";

    factory.setToken = function(token) {
       accessToken = token;
    }
    factory.getToken = function() {
       return accessToken;
    }

    return factory;

  })

#facebook controller
I set the the token with every successful login
Authenticate.setToken(data.app_token);

但是问题是，如果刷新页面，该页面Authenticate.getToken()将变为空白。我是新手，angular无法找到刷新页面后保留数据的方法

任何帮助将非常感激

Answer 1

您可以使用localStorage。真的很容易使用。

var token = "xxx";
localStorage.setItem("token", token);
localStorage.getItem("token"); //returns "xxx"