关于AngularJs数据的本地存储详解
编程学习 2021-07-04 19:20www.dzhlxh.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】',这里是你想要上传的参数).success(function(data){
// $scope.appiAppType = data;
/