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 相关文章推荐
jquery 表单下所有元素的隐藏
Jul 25 Javascript
动态标签 悬停效果 延迟加载示例代码
Nov 21 Javascript
jquery操作select大全
Apr 25 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
Sep 08 Javascript
javascript常用函数(2)
Nov 05 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
移动端效果之Swiper详解
Oct 09 Javascript
实例讲解Vue.js中router传参
Apr 22 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 Javascript
详解vue中在父组件点击按钮触发子组件的事件
Nov 13 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
人大复印资料处理程序_输入篇
2006/10/09 PHP
php简单开启gzip压缩方法(zlib.output_compression)
2013/04/13 PHP
php开启openssl的方法
2014/05/15 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
1亿条数据如何分表100张到Mysql数据库中(PHP)
2015/07/29 PHP
简单概括PHP的字符串中单引号与双引号的区别
2016/05/07 PHP
PHP+iframe图片上传实现即时刷新效果
2016/11/18 PHP
PHP面相对象中的重载与重写
2017/02/13 PHP
laravel实现上传图片的两种方式小结
2019/10/12 PHP
动态改变textbox的宽高的js
2006/10/26 Javascript
sina的lightbox效果。
2007/01/09 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
2014/09/21 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
node中使用es5/6以及支持性与性能对比
2017/08/11 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
2017/12/27 Javascript
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
[01:00:59]VP VS VG Supermajor小组赛胜者组第二轮 BO3第二场 6.2
2018/06/03 DOTA
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
python reverse反转部分数组的实例
2018/12/13 Python
python爬虫 基于requests模块发起ajax的get请求实现解析
2019/08/20 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
Wedgwood英国官方网站:英式精致骨瓷餐具、礼品与生活精品,源于1759年
2019/09/02 全球购物
锐步香港官方网上商店:Reebok香港
2020/11/05 全球购物
铁路安全事故反思
2014/04/26 职场文书
《鲁班和橹板》教学反思
2014/04/27 职场文书
毕业大学生自荐信
2014/06/17 职场文书
诉讼代理人授权委托书
2014/10/11 职场文书
2014年宣传部工作总结
2014/11/12 职场文书
物业工程部经理岗位职责
2015/04/09 职场文书