关于AngularJs数据的本地存储详解
网络编程 2021-07-04 19:20www.168986.cn编程入门
本文主要介绍了每一个独立的JS文件或者不同的控制器如何实现数据的共享与交互的方法。具有一定的参考价值,狼蚁网站SEO优化跟着长沙网络推广一起来看下吧
第一、创建一个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】,狼蚁网站SEO优化我们创建一个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】',这里是你想要上传的参数).suess(function(data){ // $scope.appiAppType = data; /
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指