您的位置:首页 > Web前端 > AngularJS

angularjs 本地数据存储LocalStorage

2017-11-21 00:00 225 查看
1、定义一个服务

//=========本地存储数据服务============
app.factory('locals', ['$window', function ($window) {
return {        //存储单个属性
set: function (key, value) {
$window.localStorage[key] = value;
},        //读取单个属性
get: function (key, defaultValue) {
return $window.localStorage[key] || defaultValue;
},        //存储对象,以JSON格式存储
setObject: function (key, value) {
$window.localStorage[key] = JSON.stringify(value);//将对象以字符串保存
},        //读取对象
getObject: function (key) {
return JSON.parse($window.localStorage[key] || '{}');//获取字符串并解析成对象
}

}
}]);

2、controller中调用:
先注入服务,再set get

app.controller('supplyAddCtrl', function ($scope, $http, $location, locals, $timeout, $compile) {

//存
locals.set("firstpos", firstpos);//字符串
locals.setObject("secondpos", secondpos);//对象

//取
locals.get("firstpos");
locals.getObject("secondpos");
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  AngularJS