时间:2021-05-25
第一、创建一个factory来储存和调取你的数据(你可以单独创建一个js文件,按照语义命名如:dataService.js。然后在你的主页面引入这个JS文件)
<!--引入到你的主页面里面--><script src="dataService.js"></script>创建一个factory'use strict';angular.module('myApp').factory('datadService',['$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] || '{}'); } }}]);第二、将你创建的这个方法模块【datadService】注入到你要控制器中如下的控制器为【productCtrl】,下面我们创建一个set.js文件,里面代码如下:
'use strict';angular.module('myApp').controller( 'productCtrl', [ '$scope','datadService', function($scope, datadService) { $scope.appiAppType = 1; //这里面$scope.appiAppType的赋值同样可以通过$http.post或者$http.get //等方法返回的参数去赋值,例子如下: //$http.post('这里是你所要访问的接口【URL】',这里是你想要上传的参数).success(function(data){ // $scope.appiAppType = data; //}); datadService.setObject("lodinData", $scope.appiAppType);// 将你获取来的数据存储到你之前创建的【datadService】中,这里面的【lodinData】是KEY(个人理解就是你把数据存到大箱子里面这个箱子就是【datadService】,为了方便在这个箱子里面更好的寻找你想要的数据就给他一个小标签,那就是【lodinData】) } ]);第三、关于存储好的数据如何在不同的控制其中获取到,下面我们创建一个get.js,里面代码如下:
'use strict';//首先大家要把之前创建好的模块也就是那个装数据的箱子【datadService】放到这个控制器中(也就是模块注入)//其次大家通过之前咱们设定的标签【lodinData】,用【getObject('key')】方法取到你想要的数据;//具体实现就一行代码:datadService.getObject('lodinData');「注:把箱子拿出来(datadService)用(getObject)去拿你的这个(lodinData)标签下的数据」angular.module('myApp').controller( 'completeCtrl', [ '$scope', 'datadService', function($scope, datadService) { //我们这里取到来上面已经存好的数据:【datadService.getObject('lodinData');】并且把这个数据赋值给了【$scope.LoginList】 $scope.LoginList = datadService.getObject('lodinData'); //这里大家可以打印一下$scope.LoginList 看看里面是什么; alert(JSON.stringify($scope.LoginList)) } ]);以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Angularjs中数据绑定的实例详解这是一个最简单的angularjs的例子,关于数据绑定的,大家可以执行一下,看看效果angularjs-includeHe
Android本地存储SharedPreferences详解存储位置SharedPreferences数据保存在:/data/data//shared_pref
php访问oracle存储过程实例详解比如我的本地Oracle数据库有一个package,里面有一个存储过程:createorreplacepackagePKG
本文实例讲述了AngularJS框架双向数据绑定机制。分享给大家供大家参考,具体如下:之前写的一篇《AngularJS入门示例之HelloWorld详解》,介绍
使用HTML5Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。页面参考如下图,能将页面上的数据进行本地存储。并