AngularJs轮询器写法

$interval

$interval 是对原生setInterval的一种封装,它会在每次方法调用后自动的执行`$apply``
api是这样的:

1
$interval(fn, delay, [count], [invokeApply], [Pass]);

fn是目标方法

delay 是延迟时间,单位是毫秒

count 是一共循环多少次

invokeApply 是指是否调用$apply方法,默认true

Pass是方法运行是传的参数

  • 对文章开始代码进行改写
1234567891011
app.controller(‘dataCtrl‘, function($scope, $http, $filter) {	$scope.process = 0;	$scope.visible = false;//	var p = $interval(function() {		if ($scope.process >= 100) {			$scope.visible = false;		}	}, 500);    // $interval.cancel(p); 取消    // some code}

在controller加入以下代码

var stop;

$scope.$on(‘$ionicView.beforeLeave‘, function() {

$interval.cancel(stop);//离开页面后停止轮询

})

//轮询

stop = $interval(function() {

$http.get(‘/staffMessage/staffMessageList?pageIndex=1&pageSize=10‘)

.success(function(result) {

$scope.data = result;

}).finally(function() {});

}, 6000);

在controller注入一下代码:

结尾附官网地址(可能要FQ):https://docs.angularjs.org/api/ng/service/$interval

时间: 2024-12-25 03:38:38

AngularJs轮询器写法的相关文章

Cacti优化之spine轮询器

由于效率的原因,在需要大量采集数据时,如果使用自带的cmd.php轮询器会比较慢,1分钟1次的采集频率可能无法完成轮询所有的被监控的机器,从而可能导致部分监控项目不出图或图形断断续续.为了解决效率问题,Cacti官方也推出spine,采用多线程的方式高效的轮询. 1.解决依赖关系## 依赖于mysql mysql-devel net-snmp-devel openssl-devel## 我们在安装cacti的时候已经安装 mysql mysql-devel 所以,这里只需安装另外2个# yum

Cacti安装spine轮询器

之前安装cacti的时候就知道需要安装spine,但是百度搜出来的教程是死活都装不上,今天无意之间发现了cacti的官方原版教程"Cacti 0.8 Beginner's Guide",百度一下在搬书匠里下了下来看了一下,果然官方的就是不一样,按照步骤马上就装上了 一.当然是需要先安装好必须的软件环境: yum install gcc mysql-devel net-snmp-devel autoconf automake libtool 二.在官网www.cacti.net里down

Cacti的设置以及Spine轮询器

Cacti的设置 接着上一篇的cacti系列讲解,在配置选项中有两个子项目,Settings和Plugin Management.我们点击Settings后,出现以下界面. 我们看到上图中,箭头指向的地方,我们可以针对这些项目进行设置. 首先我们看一下"General",通用配置,配置的内容主要有以下几项 日志 SNMP相关的设置 其他配置 其实这里基本上不需要进行修改,保持默认的配置即可.如果需要修改,也就是"Required Tool Versions"和&qu

做作业中遇到的问题--长轮询

在这次的网站设计作业开发(用Thinkphp框架进行开发)中一直都很顺利,不管是在首页的制作还是后台的开发中都没遇到过什么大的问题.然而在实现客服功能的时候却遇到了很大的阻碍. 由于不会socketio,在实现客服功能的时候用到的是现在比较常用的长轮询.长轮询实现的方式主要分为两种,一种是真长轮询,就是说浏览器通过AJAX向服务器请求一次信息,如果没有得到想要的数据就一直不断开.另一钟是伪长轮询,实现的方式为浏览器每一秒通过AJAX向服务器请求信息,来实现类似与长轮询的效果.大致来看,真长轮询的

Gevent的长轮询实现方法详解

长轮询 1.浏览网页时,浏览器会传HTTP 请求到服务器,服务器会根据请求将网页的内容传给浏览器,但是在很多的情况下,使用者会需要看到最新的即时性资讯,例如观看股票市场行情,而在以前只能靠着重新载入网页才能获得最新信息,但是这样不但很浪费时间,也会佔用很多不必要的网络资源,并不是一个好的方式: 2.长轮询就是解决这个问题的一个办法. 什么是长轮询 1.长时间轮询(long-polling)是让服务器在接收到浏览器发出的HTTP 请求后,服务器会等待一段时间,若在这段时间里面伺服器有新的数据更新,

Nginx 负载均衡-加权轮询策略剖析

本文介绍的是客户端请求在多个后端服务器之间的均衡,注意与客户端请求在多个nginx进程之间的均衡相区别(Nginx根据每个工作进程的当前压力调整它们获取监听套接口的几率,那些当前比较空闲的工作进程有更多机会获取到监听套接口,从而客户端的请求到达后也就相应地被它捕获并处理).如果Nginx是以反向代理的形式配置运行,那么对请求的实际处理需要转发到后端服务器运行,如果后端服务器有多台,如何选择一台合适的后端服务器来处理当前请求,就是本文要说的负载均衡.这两种均衡互不冲突并且能同时生效. nginx不

iOS开发那些事儿(一)轮播器

前言 市面上绝大部分的APP被打开之后映入眼帘的都是一个美轮美奂的轮播器,所以能做出一个符合需求.高效的轮播器成为了一个程序员的必备技能.所以今天的这篇博客就来谈谈轮播器这个看似简单的控件其中蕴含的道理. 正文  首先我们来分析一下该如何去实现一个类似下图的轮播器(图片数量.URL由服务器返回):   策略一:UIScrollView->UIImageView->NSTimer轮询 这算是常规的策略,但是如果仔细想想,如果服务器返回给你50图片是不是就需要创建50个UIImageView来做容

Android 轮询最佳实践 Service + AlarmManager+Thread

android中涉及到将服务器中数据变化信息通知用户一般有两种办法,推送和轮询. 消息推送是服务端主动发消息给客户端,因为第一时间知道数据发生变化的是服务器自己,所以推送的优势是实时性高.但服务器主动推送需要单独开发一套能让客户端持久连接的服务端程序,不过现在已经有很多开源的代码实现了基于xmmp协议的推送方案,而且还可以使用谷歌的推送方案.但有些情况下并不需要服务端主动推送,而是在一定的时间间隔内客户端主动发起查询. 譬如有这样一个app,实时性要求不高,每天只要能获取10次最新数据就能满足要

Android 轮询之 Service + AlarmManager+Thread (转)

android中涉及到将服务器中数据变化信息通知用户一般有两种办法,推送和轮询. 消息推送是服务端主动发消息给客户端,因为第一时间知道数据发生变化的是服务器自己,所以推送的优势是实时性高.但服务器主动推送需要单独开发一套能让客户端持久连接的服务端程序,不过现在已经有很多开源的代码实现了基于xmmp协议的推送方案,而且还可以使用谷歌的推送方案.但有些情况下并不需要服务端主动推送,而是在一定的时间间隔内客户端主动发起查询. 譬如有这样一个app,实时性要求不高,每天只要能获取10次最新数据就能满足要