创建一个factory'use strict';angular.module('myApp').factory('datad" />

关于AngularJs数据的本地存储详解

关于AngularJs数据的本地存储详解

第一、创建一个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;   /

tag:数据本地存储详解电脑软件angularjs

相关内容