AngularJs的$cacheFactory的缓存实例,代码及注释如下:
04 | <meta charset= "UTF-8" > |
05 | <title>$cacheFactory的缓存实例</title> |
06 | <style type = "text/css" > |
07 | .ng-cloak{display:none;} |
10 | <body ng-app= "app" ng-cloak class= "ng-cloak" > |
11 | <div ng-controller= "ctr1" > |
14 | <div ng-controller= "ctr2" > |
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' ); |
27 | obj.put( 'user' , { 'name' : '赵一鸣' , 'work' : 'WEB前端开发' , 'sex' : '男' }); |
28 | obj.put( 'book' , { 'name' : '赵一鸣AngularJs学习笔记' }); |
30 | $scope.data = obj.get( 'user' ).name; |
33 | console.log(obj.get( 'user' ));//undefined |
34 | console.log(obj.get( 'book' ));//object |
37 | //console.log(obj.get( 'user' ));//undefined |
38 | //console.log(obj.get( 'book' ));//undefined |
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学习笔记 |
|