国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

關于AngularJs數據的本地存儲詳解

2019-11-19 17:50:49
字體:
來源:轉載
供稿:網友

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

以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持武林網!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 晋江市| 乡宁县| 通辽市| 紫阳县| 和平县| 师宗县| 波密县| 伊通| 高雄县| 长宁县| 拉萨市| 湘乡市| 耒阳市| 秦皇岛市| 陇南市| 凌云县| 方正县| 康马县| 泌阳县| 乌什县| 新昌县| 屯昌县| 萨嘎县| 大竹县| 方山县| 厦门市| 威海市| 夏津县| 宜黄县| 克山县| 张掖市| 定边县| 商河县| 延庆县| 三原县| 信阳市| 焉耆| 保德县| 始兴县| 连南| 福建省|