zoukankan      html  css  js  c++  java
  • angularjs 缓存 $q

    <!DOCTYPE HTML>
    <html ng-app="myApp">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <style>
    #parent div{ 300px; height:500px; border:1px #000 solid; margin:20px;}
    #parent ul{ 200px; position:fixed; top:0; right:0;}
    </style>
    <script src="angular.min.js"></script>
    <script>
    
    var m1 = angular.module('myApp',[]);
    m1.controller('Aaa',['$scope','$cacheFactory','$log',function($scope,$cacheFactory,$log){
        $log.error('hello');    //调试
        var cache = $cacheFactory('myCache',{capacity : 2});//myCache缓存的名字,
        
        cache.put('name','hello');
        cache.put('age','20');
        cache.put('job','it');
        
        console.log(cache.info());
        console.log(cache.get('name'));    
        cache.remove('name');    
        console.log(cache.get('name'));
    }]);
    </script>
    </head>
    <body>
    <div ng-controller="Aaa">
    </div>
    </body>
    </html>
    <!DOCTYPE HTML>
    <html ng-app="myApp">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <style>
    #parent div{ 300px; height:500px; border:1px #000 solid; margin:20px;}
    #parent ul{ 200px; position:fixed; top:0; right:0;}
    </style>
    <script src="angular.min.js"></script>
    <script>
    $q对异步操作进行功能扩展。
    
    
    var m1 = angular.module('myApp',[]);
    m1.controller('Aaa',['$scope','$q',function($scope,$q){
        
        var dfd = $q.defer();//创建延迟对象    
        function show(){
            setTimeout(function(){            
                dfd.reject();//失败时候触发            
            },2000);
            return dfd.promise;
        }    
        show().then(function(){
            alert('成功');
        },function(){
            alert('失败');
        });    
    }]);
    </script>
    </head>
    
    <body>
    <div ng-controller="Aaa">
    </div>
    </body>
    </html>
  • 相关阅读:
    hdu 4858 项目管理 图的分块
    hdu 3123 GCC 阶乘
    hdu 3065 病毒侵袭持续中 AC自动机
    SPOJ
    hdu 3033 I love sneakers! 分组背包
    zoj 1450 Minimal Circle 最小覆盖圆
    hdu 3007 Buried memory 最远点对
    Azure 虚拟机常见问题-下
    Azure 虚拟机常见问题-上
    关于Windows Azure的常见问题-执行与维护FAQ
  • 原文地址:https://www.cnblogs.com/yaowen/p/5743722.html
Copyright © 2011-2022 走看看