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>
  • 相关阅读:
    DevCon 5 2019 活动照片
    区块链小册 | 必知的运营常识
    区块链小册 | 必知的运营渠道
    产品经理需求沟通的艺术
    作为产品经理要如何面对失败?
    展示亚洲金融科技状况的 15 张金融科技地图
    成为区块链行业的产品经理是什么感觉
    腾讯产品经理能力模型
    jQuery 知识点大纲
    call()与apply()区别
  • 原文地址:https://www.cnblogs.com/yaowen/p/5743722.html
Copyright © 2011-2022 走看看