最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時(shí)間:2017年01月20日 15:58:19   作者:潘冬子  
本文主要介紹了每一個(gè)獨(dú)立的JS文件或者不同的控制器如何實(shí)現(xiàn)數(shù)據(jù)的共享與交互的方法。具有一定的參考價(jià)值,下面跟著小編一起來看下吧

第一、創(chuàng)建一個(gè)factory來儲(chǔ)存和調(diào)取你的數(shù)據(jù)(你可以單獨(dú)創(chuàng)建一個(gè)js文件,按照語義命名如:dataService.js。然后在你的主頁面引入這個(gè)JS文件)

<!--引入到你的主頁面里面-->
<script src="dataService.js"></script>
創(chuàng)建一個(gè)factory
'use strict';
angular.module('myApp')
.factory('datadService',['$window',function($window) {
 return{ 
 //存儲(chǔ)單個(gè)屬性
  set :function(key,value){
  $window.localStorage[key]=value;
  }, 
  //讀取單個(gè)屬性
  get:function(key,defaultValue){
  return $window.localStorage[key] || defaultValue;
  }, 
  //存儲(chǔ)對(duì)象,以JSON格式存儲(chǔ)
  setObject:function(key,value){
  $window.localStorage[key]=JSON.stringify(value);
  }, 
  //讀取對(duì)象
  getObject: function (key) {
  return JSON.parse($window.localStorage[key] || '{}');
  }
 }
}]);

第二、將你創(chuàng)建的這個(gè)方法模塊【datadService】注入到你要控制器中如下的控制器為【productCtrl】,下面我們創(chuàng)建一個(gè)set.js文件,里面代碼如下:

'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ù)存儲(chǔ)到你之前創(chuàng)建的【datadService】中,這里面的【lodinData】是KEY(個(gè)人理解就是你把數(shù)據(jù)存到大箱子里面這個(gè)箱子就是【datadService】,為了方便在這個(gè)箱子里面更好的尋找你想要的數(shù)據(jù)就給他一個(gè)小標(biāo)簽,那就是【lodinData】)
 } ]);

第三、關(guān)于存儲(chǔ)好的數(shù)據(jù)如何在不同的控制其中獲取到,下面我們創(chuàng)建一個(gè)get.js,里面代碼如下:

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

以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!

相關(guān)文章

  • 淺談angularjs中響應(yīng)回車事件

    淺談angularjs中響應(yīng)回車事件

    下面小編就為大家?guī)硪黄獪\談angularjs中響應(yīng)回車事件。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-04-04
  • Angularjs之ngModel中的值驗(yàn)證綁定方法

    Angularjs之ngModel中的值驗(yàn)證綁定方法

    今天小編就為大家分享一篇Angularjs之ngModel中的值驗(yàn)證綁定方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • angularjs 頁面自適應(yīng)高度的方法

    angularjs 頁面自適應(yīng)高度的方法

    本篇文章主要介紹了angularjs 頁面自適應(yīng)高度的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-01-01
  • 解決ionic和angular上拉加載的問題

    解決ionic和angular上拉加載的問題

    這篇文章主要介紹了解決ionic和angular上拉加載的問題,需要的朋友可以參考下
    2017-08-08
  • 詳解AngularJS中自定義過濾器

    詳解AngularJS中自定義過濾器

    過濾器(filter)正如其名,作用就是接收一個(gè)輸入,通過某個(gè)規(guī)則進(jìn)行處理,然后返回處理后的結(jié)果。主要用在數(shù)據(jù)的格式化上,例如獲取一個(gè)數(shù)組中的子集,對(duì)數(shù)組中的元素進(jìn)行排序等
    2015-12-12
  • monaco?editor在Angular的使用詳解

    monaco?editor在Angular的使用詳解

    這篇文章主要為大家介紹了monaco?editor在Angular的使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-09-09
  • Angular2管道Pipe及自定義管道格式數(shù)據(jù)用法實(shí)例分析

    Angular2管道Pipe及自定義管道格式數(shù)據(jù)用法實(shí)例分析

    這篇文章主要介紹了Angular2管道Pipe及自定義管道格式數(shù)據(jù)用法,結(jié)合實(shí)例形式詳細(xì)分析了Angular2管道與純管道相關(guān)概念、語法及使用技巧,需要的朋友可以參考下
    2017-11-11
  • angular4+百分比進(jìn)度顯示插件用法示例

    angular4+百分比進(jìn)度顯示插件用法示例

    這篇文章主要介紹了angular4+百分比進(jìn)度顯示插件用法,結(jié)合實(shí)例形式分析了Angular4安裝及使用百分比進(jìn)度顯示插件相關(guān)步驟與操作技巧,需要的朋友可以參考下
    2019-05-05
  • 在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來

    在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來

    這篇文章給的大家介紹在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來,本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,對(duì)angularjs 谷歌地圖相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
    2016-01-01
  • AngualrJS中的Directive制作一個(gè)菜單

    AngualrJS中的Directive制作一個(gè)菜單

    本文給大家介紹AngualrJS中的Directive制作一個(gè)菜單,涉及到angularjs directive相關(guān)知識(shí),本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,特此分享供大家學(xué)習(xí)
    2016-01-01

最新評(píng)論

炎陵县| 常熟市| 焉耆| 桐庐县| 宜川县| 辛集市| 南漳县| 博兴县| 咸丰县| 繁昌县| 滕州市| 金华市| 佛坪县| 南乐县| 漾濞| 内江市| 长泰县| 鹿泉市| 荆门市| 汉沽区| 鄱阳县| 西乌珠穆沁旗| 兴和县| 珠海市| 凤山市| 田林县| 阿鲁科尔沁旗| 凤阳县| 梅州市| 宜兰市| 襄樊市| 南充市| 西青区| 新干县| 安仁县| 聂拉木县| 乳山市| 平乐县| 巴塘县| 武强县| 青冈县|