使用angularjs中的本地存储将数据从view1传递到view2

时间:2016-05-01 07:02:34

标签: angularjs angular-ui-router local-storage

我是角色新手,我想使用本地存储将数据从一个页面传递到另一个页面。我已经尝试了很多但无法找到正确的答案

2 个答案:

答案 0 :(得分:0)

使用如下工厂。

angular
    .module('xx.services', [])
    .factory('xxStorage', ['$window', function($window) {
        return {
            set: function(_key, _value) {
                $window.localStorage[_key] = _value;
            },
            get: function(_key) {
                return $window.localStorage[_key];
            }
        };
    }])

您可以使用set功能在第一页中保存数据,然后在另一页中使用get功能重复使用。

答案 1 :(得分:0)

最好的方法是使用已经在角度区域中包含localStorage功能的库。因此,很少有像ngStorage和angular-local-storage这样的流行解决方案。我更喜欢第一个。

Git page,您可以在此处找到有关安装和使用的所有信息。

例如,这里是样本

    var app = angular.module('app', ['ngStorage'])
    .config(['$localStorageProvider',
    function ($localStorageProvider) {
        $localStorageProvider.get('MyKey');

        $localStorageProvider.set('MyKey', { k: 'value' });
    }]);