Question

目前我正在使用$ window.sessionStorage.token，因此如果用户刷新Page，它会维护其会话而不会丢失任何数据。但现在我想在不同的标签中打开，但它要求我再次登录。在做了一些研究后，我发现我必须使用localStorage。

问题 -

1）如何使用本地存储在标签之间共享会话？ 2）是否有另一种解决这个问题的方法？

我检查了大部分帖子，并没有给出很好的理解。如果有人可以通过基本的例子帮助理解这一点，那将是非常好的，并且非常感激。

Answer 1

您需要一个服务来注入每个控制器或$ rootScope以进行统一访问。我正在使用角度应用程序做同样的事情。这是我的版本，以帮助您入门。您在代码中看到的Authutils服务是http://bitwiseshiftleft.github.io/sjcl/的Stanford Javascript Crypto Library的实现，为存储的资源添加了一层安全性，因为它们可以通过浏览器调试工具轻松查看：

angular.module('myApp').service('Dataservice', [
'Authutils',
function Dataservice(Authutils) {
    var _test = [1, 2, 3];

    var hasStorage = function() {
        if (Modernizr.localstorage) {
            return true;
        } else {
            return false;
        }
    };

    var _get = function(key, make, init_data) {
        var out = [];
        var create = typeof make !== "undefined" ? make : false;
        var data = typeof init_data !== "undefined" ? init_data : false;

        if (hasStorage()) {
            var sval = localStorage.getItem(key);
            if (!!sval) {
                try {
                    sval = Authutils.decrypt(sval);
                    out = JSON.parse(sval);
                } catch (e) {

                }
            } else {
                if (create) {
                    if (data) {
                        data = Authutils.encrypt(data);
                        _set(key, data);
                    } else {
                        _set(key, []);
                    }
                }
            }
        }
        return out;
    };

    var _set = function(key, value) {
        if (hasStorage()) {
            var subject = JSON.stringify(value);
            localStorage.setItem(key, Authutils.encrypt(subject));
            return true;
        }
        return false;
    };

    var _drop = function(key) {
        if (hasStorage()) {
            localStorage.removeItem(key);
            return true;
        }
        return false;
    };

    var _nuke = function() {
        if (hasStorage()) {
            localStorage.clear();
            return true;
        }
        return false;
    };

    var _push = function(key, value) {
        var out = [];
        if (hasStorage()) {
            var current = JSON.parse(localStorage.getItem(key));
            if (!!current) {
                current.push(value);
                _set(key, current);
            }
        }
        return out;
    };

    return {
        get: function(key, make, init_data) {
            return _get(key, make, init_data);
        },
        set: function(key, value) {
            _set(key, value);
        },
        push: function(key, value) {
            _push(key, value);
        },
        trash: function(key) {
            _cut(key);
        },
        nuke: function() {
            _nuke();
        },
        test: function() {
            return _test;
        }
    };
  }
]);

Angularjs中的localStorage在选项卡之间共享

1 个答案: