angularjs 本地数据存储LocalStorage

本文介绍了一种在AngularJS应用中实现本地数据存储的方法。通过创建一个名为'locals'的服务,可以方便地进行数据的存储和读取操作。该服务支持存储字符串和对象,并提供了set和get方法来操作数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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 本地数据存储LocalStorage

关于AngularJs 数据本地存储的实现(每一个独立的JS文件或者不同的控制器如何实现数据的共享与交互)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值