angular2组件中定时刷新并清除定时器的实例讲解


Posted in Javascript onAugust 31, 2018

实例如下:

import { Component,OnInit,ChangeDetectionStrategy,ChangeDetectorRef,OnDestroy} from "@angular/core";

@Component({
changeDetection:ChangeDetectionStrategy.OnPush
})

export class xxxComponent{
private timer;
constructor(private ref : ChangeDetectorRef){
this.timer = setInterval(()=>{
this.ref.detechChanges();//检测变化
},5000)
}
//销毁组件时清除定时器
ngOnDestroy(){
if(this.timer){
clearInterval(this.timer);
}
}
}

以上这篇angular2组件中定时刷新并清除定时器的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS 实现Json查询的方法实例
Apr 12 Javascript
javascript框架设计读书笔记之模块加载系统
Dec 02 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 Javascript
Node.js实现发送邮件功能
Nov 06 Javascript
详解VueJS应用中管理用户权限
Feb 02 Javascript
详解vue静态资源打包中的坑与解决方案
Feb 05 Javascript
vue中如何使用ztree
Feb 06 Javascript
vue2.0 elementUI制作面包屑导航栏
Feb 22 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
Apr 26 Javascript
解决vue移动端适配问题
Dec 12 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
Vuex新手的理解与使用详解
May 31 Javascript
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 #Javascript
Vue.directive使用注意(小结)
Aug 31 #Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 #Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 #Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 #Javascript
浅谈angularJS2中的界面跳转方法
Aug 31 #Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
Aug 31 #Javascript
You might like
又十个超级有用的PHP代码片段
2015/09/24 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
php使用Jpgraph创建3D饼形图效果示例
2017/02/15 PHP
tagName的使用,留一笔
2006/06/26 Javascript
JQuery对checkbox操作 (循环获取)
2011/05/20 Javascript
JqGrid web打印实现代码
2011/05/31 Javascript
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
基于javascript html5实现多文件上传
2016/03/03 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
2017/03/28 jQuery
详解vue-router 2.0 常用基础知识点之router-link
2017/05/10 Javascript
angular2+node.js express打包部署的实战
2017/07/27 Javascript
nodejs 图解express+supervisor+ejs的用法(推荐)
2017/09/08 NodeJs
微信小程序异步处理详解
2017/11/10 Javascript
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
Nuxt的动态路由和参数校验操作
2020/11/09 Javascript
在Python中操作列表之List.pop()方法的使用
2015/05/21 Python
Python下rrdtool模块的基本使用方法
2015/11/13 Python
为什么Python中没有"a++"这种写法
2018/11/27 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
Opencv-Python图像透视变换cv2.warpPerspective的示例
2019/04/11 Python
Python企业编码生成系统总体系统设计概述
2019/07/26 Python
使用简单的CSS3属性实现炫酷读者墙效果
2014/01/08 HTML / CSS
W3C公布最新的HTML5标准草案
2008/10/17 HTML / CSS
微软瑞士官方网站:Microsoft瑞士
2018/04/20 全球购物
Strawberrynet草莓网新加坡站:护肤、彩妆、香水及美发产品
2018/08/31 全球购物
《数星星的孩子》教学反思
2014/04/11 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
施工安全责任书范本
2014/07/24 职场文书
大学生第一学年自我鉴定
2014/09/12 职场文书
大学生党员自我批评思想汇报
2014/10/10 职场文书
2014年乡镇安全生产工作总结
2014/12/02 职场文书
2014年优秀党员材料
2014/12/18 职场文书
Java并发编程之Executor接口的使用
2021/06/21 Java/Android