怎样做微信小程序_关于AngularJs数据的本地存储详解

  • 栏目:行业动态 时间:2021-01-12 14:53 分享新闻到:
<返回列表

关于AngularJs数据的本地存储详解       本文主要介绍了每一个独立的JS文件或者不同的控制器如何实现数据的共享与交互的方法。具有一定的参考价值,下面跟着小编一起来看下吧

第一、创建一个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))
 } ]);

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持凡科!

分享新闻到:

更多阅读

怎样做微信小程序_关于AngularJs数据的本地

行业动态 2021-01-12
有关AngularJs数据信息的当地储存详细说明 文中关键详细介绍了每个单独的JS文档或是不一...
查看全文

传闻不做小程序的_JQuery页面随滚动条动态

行业动态 2021-01-12
JQuery网页页面随翻转条动态性载入实际效果的简易完成(强烈推荐) 文章投稿:jingxian 下边...
查看全文

广州凡科互联网科技股份有限公司招聘亚

行业动态 2021-01-12
招聘人数:15职位信息1、负责Amazon帐号管理,产品上架,维护和优化listing页面,确保帐号安全...
查看全文
返回全部新闻


区域站点: 南丰县免费建站网站   南宫市网站建设网址   囊谦县自助网站建设系统   南和县建设官方网站   南华县免费建站网站   南江县网站建设网址   南京市自助网站建设系统   南靖县建设官方网站   南康市免费建站网站   南乐县网站建设网址   南陵县自助网站建设系统   南宁市建设官方网站   南平市免费建站网站   南皮县网站建设网址   南市区自助网站建设系统   南通市建设官方网站   南投县免费建站网站   南雄市网站建设网址   南溪县自助网站建设系统   南阳市建设官方网站   南漳县免费建站网站   南召县网站建设网址   南郑县自助网站建设系统   那坡县建设官方网站   那曲县免费建站网站   纳雍县网站建设网址   讷河市自助网站建设系统   内黄县建设官方网站   内江市免费建站网站   内丘县网站建设网址   内乡县自助网站建设系统   嫩江市建设官方网站   聂荣县免费建站网站   尼玛县网站建设网址   尼木县自助网站建设系统   宁安市建设官方网站   宁波市免费建站网站   宁城县网站建设网址   宁德市自助网站建设系统   宁都县建设官方网站   宁国市免费建站网站   宁海县网站建设网址   宁化县自助网站建设系统   宁晋县建设官方网站   宁陵县免费建站网站   宁明县网站建设网址   宁南县自助网站建设系统   宁强县建设官方网站   宁陕县免费建站网站   宁武县网站建设网址   宁乡市自助网站建设系统   宁阳县建设官方网站   宁远县免费建站网站   农安县网站建设网址   磐安县自助网站建设系统   盘锦市建设官方网站   盘山县免费建站网站   磐石市网站建设网址   盘州市自助网站建设系统   蓬安县建设官方网站   澎湖县免费建站网站   蓬莱市网站建设网址   彭山县自助网站建设系统   蓬溪县建设官方网站   彭阳县免费建站网站   彭泽县网站建设网址   彭州市自助网站建设系统   偏关县建设官方网站   平安县免费建站网站   平昌县网站建设网址   平定县自助网站建设系统   屏东县建设官方网站   平度市免费建站网站   平果县网站建设网址   平和县自助网站建设系统   平湖市建设官方网站   平江县免费建站网站   平乐县网站建设网址   平凉市自助网站建设系统   平利县建设官方网站   平罗县免费建站网站   平陆县网站建设网址   屏南县自助网站建设系统   平泉市建设官方网站   屏山县免费建站网站   平顺县网站建设网址   平塘县自助网站建设系统   平潭县建设官方网站   平武县免费建站网站   萍乡市网站建设网址   平乡县自助网站建设系统   平阳县建设官方网站   平遥县免费建站网站   平阴县网站建设网址   平邑县自助网站建设系统   平远县建设官方网站   平舆县免费建站网站   皮山县网站建设网址   普安县自助网站建设系统   浦北县建设官方网站   浦城县免费建站网站   普洱市网站建设网址   普格县自助网站建设系统   浦江县建设官方网站   普兰县免费建站网站   普宁市网站建设网址   莆田市自助网站建设系统   迁安市建设官方网站   乾安县免费建站网站   潜江市网站建设网址   潜山市自助网站建设系统  

友情链接: 企业建站系统 我的家乡网页设计 html网页设计代码作 手机网页设计 手机版

Copyright © 2002-2020 自助网站建设系统_建设官方网站_免费建站网站_网站建设网址_创建公众号 版权所有 (网站地图) 备案号:粤ICP备10235580号