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代码
Aug 27 Javascript
超链接怎么正确调用javascript函数
May 23 Javascript
JS只能输入正整数的简单实例
Oct 07 Javascript
微信小程序 教程之引用
Oct 18 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
Dec 04 Javascript
Easy UI动态树点击文字实现展开关闭功能
Sep 30 Javascript
js 显示日期时间的实例(时间过一秒加1)
Oct 25 Javascript
nuxt.js 缓存实践
Jun 25 Javascript
react-navigation之动态修改title的内容
Sep 26 Javascript
bootstrap与pagehelper实现分页效果
Dec 29 Javascript
微信小程序实现吸顶效果
Jan 08 Javascript
js实现微信聊天界面
Aug 09 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获取数组中某元素的位置及array_keys函数应用
2013/01/29 PHP
浅析PHP程序防止ddos,dns,集群服务器攻击的解决办法
2013/06/18 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
解决Codeigniter不能上传rar和zip压缩包问题
2014/03/07 PHP
PHP读书笔记_运算符详解
2016/07/01 PHP
ThinkPHP5.1的权限控制怎么写?分享一个AUTH权限控制
2021/03/09 PHP
Javascript技术技巧大全(五)
2007/01/22 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
jQuery使用ajaxSubmit()提交表单示例
2014/04/04 Javascript
js控制输入框获得和失去焦点时状态显示的方法
2015/01/30 Javascript
js canvas仿支付宝芝麻信用分仪表盘
2016/11/16 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
2016/12/13 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
js实现轮播图的完整代码
2020/10/26 Javascript
vue eslint简要配置教程详解
2019/07/26 Javascript
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
ES6的异步操作之promise用法和async函数的具体使用
2019/12/06 Javascript
js实现查询商品案例
2020/07/22 Javascript
使用C语言扩展Python程序的简单入门指引
2015/04/14 Python
对numpy.append()里的axis的用法详解
2018/06/28 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
pytorch-RNN进行回归曲线预测方式
2020/01/14 Python
如何解决pycharm调试报错的问题
2020/08/06 Python
HTML5 Canvas中绘制椭圆的4种方法
2015/04/24 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
html5 canvas绘制网络字体的常用方法
2019/08/26 HTML / CSS
几个Linux面试题笔试题
2016/08/01 面试题
综治宣传月活动总结
2014/04/28 职场文书
学生党员公开承诺书
2014/05/28 职场文书
项目工作说明书
2014/07/29 职场文书
2014群众路线学习笔记
2014/11/06 职场文书
三八节活动简报
2015/07/20 职场文书
JS监听Esc 键触发事键
2021/04/14 Javascript