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 相关文章推荐
一个css与js结合的下拉菜单支持主流浏览器
Oct 08 Javascript
uploadify多文件上传参数设置技巧
Nov 16 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
Jan 04 Javascript
在Vue中使用echarts的实例代码(3种图)
Jul 10 Javascript
理解 Node.js 事件驱动机制的原理
Aug 16 Javascript
原生js实现获取form表单数据代码实例
Mar 27 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
Jul 09 Javascript
Node使用Selenium进行前端自动化操作的代码实现
Oct 10 Javascript
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
Vue如何获取数据列表展示
Dec 11 Javascript
canvas多重阴影发光效果实现
Apr 20 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
新版mysql+apache+php Linux安装指南
2006/10/09 PHP
PHP的单引号和双引号 字符串效率
2009/05/27 PHP
PDO::exec讲解
2019/01/28 PHP
JSON JQUERY模板实现说明
2010/07/03 Javascript
js字母大小写转换实现方法总结
2013/11/13 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
2014/08/15 Javascript
浅谈JavaScript Array对象
2014/12/29 Javascript
jQuery给多个不同元素添加class样式的方法
2015/03/26 Javascript
详解JavaScript中数组的相关知识
2015/07/29 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
微信小程序 获取设备信息 API实例详解
2016/10/02 Javascript
vue.js学习笔记之绑定style样式和class列表
2016/10/31 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
详解vue-validator(vue验证器)
2017/01/16 Javascript
vue自定义过滤器创建和使用方法详解
2017/11/06 Javascript
jquery根据name取得select选中的值实例(超简单)
2018/01/25 jQuery
webpack-dev-server自动更新页面方法
2018/02/22 Javascript
Angular @HostBinding()和@HostListener()用法
2018/03/05 Javascript
node.js express框架简介与实现
2019/07/23 Javascript
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
[01:08:57]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第二场
2014/05/24 DOTA
利用Python的Django框架生成PDF文件的教程
2015/07/22 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
python pandas获取csv指定行 列的操作方法
2019/07/12 Python
Python实现某论坛自动签到功能
2019/08/20 Python
python DataFrame转dict字典过程详解
2019/12/26 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
Python魔术方法专题
2020/06/19 Python
2014年秘书工作总结
2014/11/25 职场文书
离婚被告答辩状
2015/05/22 职场文书
阿凡达观后感
2015/06/10 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python
Java数据开发辅助工具Docker与普通程序使用方法
2021/09/15 Java/Android
python数据可视化JupyterLab实用扩展程序Mito
2021/11/20 Python
SpringBoot全局异常处理方案分享
2022/05/25 Java/Android