關(guān)于AngularJs數(shù)據(jù)的本地存儲詳解

<!--引入到你的主頁面里面-->
<script src="dataService.js"></script>
創(chuàng)建一個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] || '{}');
  }
 }
}]);

'use strict';
angular.module('myApp').controller(
 'productCtrl',
 [ '$scope','datadService',
 function($scope, datadService) {
 $scope.appiAppType = 1;
 //這里面$scope.appiAppType的賦值同樣可以通過$http.post或者$http.get
 //等方法返回的參數(shù)去賦值，例子如下：
 //$http.post('這里是你所要訪問的接口【URL】',這里是你想要上傳的參數(shù)).success(function(data){
   // $scope.appiAppType = data;
   //});
 datadService.setObject("lodinData", $scope.appiAppType);// 將你獲取來的數(shù)據(jù)存儲到你之前創(chuàng)建的【datadService】中，這里面的【lodinData】是KEY（個人理解就是你把數(shù)據(jù)存到大箱子里面這個箱子就是【datadService】，為了方便在這個箱子里面更好的尋找你想要的數(shù)據(jù)就給他一個小標簽，那就是【lodinData】）
 } ]);

'use strict';
//首先大家要把之前創(chuàng)建好的模塊也就是那個裝數(shù)據(jù)的箱子【datadService】放到這個控制器中（也就是模塊注入）
//其次大家通過之前咱們設(shè)定的標簽【lodinData】，用【getObject('key')】方法取到你想要的數(shù)據(jù)；
//具體實現(xiàn)就一行代碼：datadService.getObject('lodinData');「注：把箱子拿出來（datadService）用（getObject）去拿你的這個（lodinData）標簽下的數(shù)據(jù)」
angular.module('myApp').controller(
 'completeCtrl',
 [ '$scope', 'datadService',
 function($scope, datadService) {
 //我們這里取到來上面已經(jīng)存好的數(shù)據(jù)：【datadService.getObject('lodinData');】并且把這個數(shù)據(jù)賦值給了【$scope.LoginList】
 $scope.LoginList = datadService.getObject('lodinData');
 //這里大家可以打印一下$scope.LoginList 看看里面是什么；
 alert(JSON.stringify($scope.LoginList))
 } ]);