网站首页 » 前端开发 » JavaScript » AngularJS $cacheFactory 缓存用法
上一篇:
下一篇:

AngularJS $cacheFactory 缓存用法

前言

缓存有很多种,比如本地缓存、会话、以及本文将要介绍的 $cacheFactory ,它们能给我们带来不少好处,比如数据的临时存储,下面就来分享分享这个好东西。

看这里
<!DOCTYPE html>
<html lang="en" ng-app="yk">
<head>
    <meta charset="UTF-8">
    <title>AngularJS $cacheFactory 缓存</title>
    <script src="http://yunkus.com/demo/lib/js/angular.min.js"></script>
</head>
<body>
<div ng-controller="ctrl">
<div>{{data.name}}({{data.domain}})</div>
</div>
<div ng-controller="ctrlOther">
<div>{{dataOther.name}}({{dataOther.domain}})</div>
</div>
<script>
var m = angular.module("yk",[]);
m.controller("ctrl",["$scope","$cacheFactory",function($scope,$cacheFactory){
    var cacheData = $cacheFactory("yunkus"); // 创建一个表有以存放数据
    cacheData.put("web",{name:"云库网",domain:"http:yunkus.com"}); // 添加一条数据记录
    $scope.data = cacheData.get("web"); // 获取指定数据记录
    cacheData.removeAll(); // 删除表中所有的数据记录
    cacheData.remove("web"); // 删除数据表指定数据记录
    cacheData.destroy(); // 删除yunskus表

}]);

// 在其它控制器中使用这个缓存数据
m.controller("ctrlOther",["$scope","$cacheFactory",function($scope,$cacheFactory){
    var cacheData = $cacheFactory.get("yunkus"); // 获取yunkus表
    $scope.dataOther = cacheData.get("web");
}]);

</script>
</body>
</html>

$cacheFactory 缓存虽然好使,但是也有一些不足,比如页面一刷新,变会没有了。所以在使用$cacheFactory 缓存的时候需要注意使用场景。

  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/angularjs-cachefactory/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论 END