<div ng-app="module" >
<div ng-controller="ctrl1">
{{data}}
</div>
<div ng-controller="ctrl2">
{{data}}
</div>
</div>
<script>
var m = angular.module('module', []);
/*定义控制器ctrl1,,注入$cacheFactory*/
m.controller('ctrl1', ['$scope', '$cacheFactory', function ($scope, $cacheFactory) {
//定义$cacheFactory缓存
var obj = $cacheFactory('excache');
//存放数据
obj.put('web', {name: '百度', url: 'www.baidu.com'});
obj.put('user', {name: '腾讯', mail: '213231323@qq.com'});
//得到web行name的数据
$scope.data = obj.get('web').name;
//删除缓存数据
// obj.remove('web'); 删除web数据
// obj.removeAll(); 删除所有数据
// obj.destroy(); 销毁所有数据,浏览器会报错
// console.log(obj.get('web')); 得到web行数据
// console.log(obj.get('user')); 得到user行数据
}]);
/*定义控制器ctrl2,注入$cacheFactory,ctrl2是取的ctrl1中的缓存数据*/
m.controller('ctrl2', ['$scope', '$cacheFactory', function ($scope, $cacheFactory) {
var obj = $cacheFactory.get('excache');
$scope.data = obj.get('web').name;
}]);
</script>
angularJs中$cacheFactory缓存用法
最新推荐文章于 2025-03-30 03:26:57 发布