[AngularJS] $interval

$interval provides an excellent service for timed operations in your AngularJS apps. It has the advantage over setInterval in "normal" Javascript in that it is aware of Angular's view cycles, as well as being mockable for unit tests. Additionally, it returns a promise and provides a lot of flexibility.

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script src="bower_components/angular/angular.min.js"></script>

    <script src="app.js"></script>

</head>

<body ng-app="app" ng-controller="AppCtrl as app">

    <button ng-click="app.cancel();">cancel</button>

</body>

</html>

/**

 * Created by Answer1215 on 11/22/2014.

 */

function AppCtrl($q, $interval) {

    var vm = this;

    vm.cancel = cancel;

    vm.rejectIt = false;

    var timer = $interval(function(){

        vm.rejectIt = !vm.rejectIt;

        doAsync(vm.rejectIt).then(function(data){

            console.log(data.resolveData);

        }, function(error){

            console.log(error.rejectData);

        });

    }, 600, 10); // 600 ms, 10 times

    function doAsync(rejectIt){

        return $q(function(resolve, reject){

                var doneTime = +new Date();

                console.log(doneTime);

                if(!rejectIt){

                    resolve({

                        resolveData: 'resolve it at '+doneTime

                    });

                }else{

                    reject({

                        rejectData: 'reject it at '+doneTime

                    });

                }

        });

    }

    function success() {

        console.log("done");

    }

    function error() {

        console.log("cancelled or error");

    }

    function notify() {

        console.log("updating");

    }

    timer.then(success, error, notify);

    function cancel() {

        $interval.cancel(timer);

    }

}

angular.module('app',[])

    .controller('AppCtrl', AppCtrl);

[AngularJS] $interval的更多相关文章

一篇入门AngularJS
目录 1.AngularJS 应用 2.AngularJS 指令 3.AngularJS 表达式 4.AngularJS 模型 5.AngularJS 控制器 6.AngularJS 作用域 7.An ...
Failure to find xxx in xxx was cached in the local repository, resolution will not be reattempted until the update interval of nexus has elapsed or updates are forced @ xxx
问题: 在linux服务器上使用maven编译war时报错: 16:41:35 [FATAL] Non-resolvable parent POM for ***: Failure to find * ...
[LeetCode] Find Right Interval 找右区间
Given a set of intervals, for each of the interval i, check if there exists an interval j whose star ...
[LeetCode] Insert Interval 插入区间
Given a set of non-overlapping intervals, insert a new interval into the intervals (merge if necessa ...
angularjs 中的setTimeout(),setInterval() / $interval 和 $timeout
$interval window.setInterval的Angular包装形式.Fn是每次延迟时间后被执行的函数. 间隔函数的返回值是一个承诺.这个承诺将在每个间隔刻度被通知,并且到达规定迭代次数后 ...
MySQL interval()函数
INTERVAL(N,N1,N2,N3,..........) INTERVAL()函数进行比较列表(N,N1,N2,N3等等)中的N值.该函数如果N<N1返回0,如果N<N2返回1,如果 ...
oracle11g interval(numtoyminterval())自动创建表分区
Oracle11g通过间隔分区实现按月创建表分区在项目数据库设计过程中由于单表的数据量非常庞大,需要对表进行分区处理.由于表中的数据是历史交易,故按月分区,提升查询和管理. 由于之前对于表分区了解不 ...
maven执行报错resolution will not be reattempted until the update interval of nexus h
maven在执行过程中抛错: 引用 ... was cached in the local repository, resolution will not be reattempted until t ...
7_nodejs angularjs
webstrom使用: ctrl+b/点击,代码导航,自动跳转到定义 ctrl+n跳转指定类 ctrl+d复制当前行ctrl+enter另起一行ctrl+y删除当前行 ctrl+alt/shift+b ...
Leetcode Insert Interval
Given a set of non-overlapping intervals, insert a new interval into the intervals (merge if necessa ...

随机推荐

npm更新包
方法一手动跟新: 手动修改package.json中依赖包版本,执行npm install --force,强制从远程下载所有包更新本地包方法二使用第三方插件: npm install -g npm ...
thinkphp的where方法的使用
1.Thinkphp中where()条件的使用总是有人觉得,thinkphp的where()就是写我要进行增加.查询.修改.删除数据的条件,很简单的,其实我想告诉你,where()是写条件语句的,但 ...
0821Servlet基础
什么是servlet jsp页面的前身是servlet, 但是servlet和jsp是两个不同概念 servlet是运行在服务器端的一段程序, 是可以直接运行一段java后台代码 ...
使用0填充string（构造类似‘00001’的字符串）
今天在对视频进行爬取的时候,发现url最后是000001,然后是000002,依次增加,而且每一个url请求只能得到一个分段了的视频,这种情况下构造url就成了一个问题. python有一个函数可以处 ...
pdf转tiff
概述基于Java,将pdf转成单一的tiff文件. MAVEN依赖 <groupId>com.sun.media</groupId> <artifactId>ja ...
Aizu 2784 Similarity of Subtrees（树哈希）
Similarity of Subtrees Define the depth of a node in a rooted tree by applying the following rules r ...
vijos p1777 引水入城(bfs+贪心)
引水入城描述在一个遥远的国度,一侧是风景秀美的湖泊,另一侧则是漫无边际的沙漠.该国的行政区划十分特殊,刚好构成一个N行M列的矩形,其中每个格子都代表一座城市,每座城市都有一个海拔高度. 为了使 ...
BZOJ 3289 Mato的文件管理（莫队+树状数组）
[题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=3289 [题目大意] 求静态区间逆序对. [题解] 我们对查询进行莫队操作,对于区间的删 ...
BZOJ 3632 外太空旅行（最大团）
[题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=3632 [题目大意] 求图中的最大团. [题解] 最大团问题是npc问题,因此可以考虑随 ...
【Trie】【kd-tree】计蒜客17122 2017 ACM-ICPC 亚洲区（西安赛区）网络赛 I. Barty's Computer
题意:2种操作:①往集合里添加一个串 ②给你四个小串a b c d,问你集合里有几个串S满足S=a+S1+b+c+S2+d的形式.S1 S2可以为空,并且a+S1+b=c+S2+d. 就搞四颗Trie ...

[AngularJS] $interval

[AngularJS] $interval的更多相关文章

随机推荐

热门专题