AngularJs的$cacheFactory的缓存实例

最新推荐文章于 2021-02-24 03:38:27 发布

K'illCode

最新推荐文章于 2021-02-24 03:38:27 发布

阅读量482

点赞数

分类专栏： angularJS 文章标签： angularJs

本文链接：https://blog.youkuaiyun.com/Dome_/article/details/79277556

版权

angularJS 专栏收录该内容

37 篇文章

订阅专栏

本文通过一个具体的AngularJS应用实例，展示了如何使用$cacheFactory服务创建缓存实例，并进行数据的存取操作。该示例包括了缓存的定义、数据存储、读取、删除等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AngularJs的$cacheFactory的缓存实例，代码及注释如下：

 
       01<!DOCTYPE html>
 
       02<html lang="en">
 
       03<head>
 
       04    <meta charset="UTF-8">
 
       05    <title>$cacheFactory的缓存实例</title>
 
       06    <style type="text/css">
 
       07        .ng-cloak{display:none;}
 
       08    </style>
 
       09</head>
 
       10<body ng-app="app" ng-cloak class="ng-cloak">
 
       11    <div ng-controller="ctr1">
 
       12        {{data}}
 
       13    </div>
 
       14    <div ng-controller="ctr2">
 
       15        {{data}}
 
       16    </div>
 
       17</body>
 
       18</html>
 
       19<script type="text/javascript" src="http://www.zymseo.com/js/demo.js"></script>
 
       20<script type="text/javascript" src="http://www.zymseo.com/js/angular.min.js"></script>
 
       21<script type="text/javascript">
 
       22    var m = angular.module('app', []);
 
       23    m.controller('ctr1', ['$scope', '$cacheFactory', function($scope, $cacheFactory){
 
       24        //通过$cacheFactory()来定义一个缓存；
 
       25        var obj = $cacheFactory('zymBlog');
 
       26        //通过put()将数据添加到缓存当中：
 
       27        obj.put('user', {'name': '赵一鸣', 'work': 'WEB前端开发', 'sex': '男'});
 
       28        obj.put('book', {'name': '赵一鸣AngularJs学习笔记'});
 
       29        //通过get()来读取缓存：
 
       30        $scope.data = obj.get('user').name;
 
       31        //删除某一个缓存：
 
       32        obj.remove('user');
 
       33        console.log(obj.get('user'));//undefined
 
       34        console.log(obj.get('book'));//object
 
       35        //删除所有的缓存：
 
       36        //obj.removeAll();
 
       37        //console.log(obj.get('user'));//undefined
 
       38        //console.log(obj.get('book'));//undefined
 
       39    }]);
 
       40    //控制器ctr2获取另一个控制器ctr1中的缓存
 
       41    m.controller('ctr2', ['$scope', '$cacheFactory', function($scope, $cacheFactory){
 
       42        var obj = $cacheFactory.get('zymBlog');
 
       43        $scope.data = obj.get('book').name;//赵一鸣AngularJs学习笔记
 
       44    }])
 
       45</script>