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 相关文章推荐
Javascript - HTML的request类
Jan 09 Javascript
jQuery学习笔记之jQuery选择器的使用
Dec 22 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
Sep 30 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
Nov 29 Javascript
Vue.js每天必学之内部响应式原理探究
Sep 07 Javascript
利用jQuery解析获取JSON数据
Apr 08 jQuery
以BootStrap Tab为例写一个前端组件
Jul 25 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
解决npm管理员身份install时出现权限的问题
Mar 16 Javascript
vue中多路由表头吸顶实现的几种布局方式
Apr 12 Javascript
小程序接口的promise化的实现方法
Dec 11 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
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
php变量与数组相互转换的方法(extract与compact)
2016/12/02 PHP
PDO::quote讲解
2019/01/29 PHP
Aliyun Linux 编译安装 php7.3 tengine2.3.2 mysql8.0 redis5的过程详解
2020/10/20 PHP
innerText和textContent对比及使用介绍
2013/02/27 Javascript
ExtJS4中的requires使用方法示例介绍
2013/12/03 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
详解JS中Array对象扩展与String对象扩展
2016/01/07 Javascript
关于input全选反选恶心的异常情况
2016/07/24 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
2017/07/17 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
基于 jQuery 实现键盘事件监听控件
2019/04/04 jQuery
小程序实现订单倒计时功能
2019/04/23 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
[02:49]2018DOTA2亚洲邀请赛主赛事决赛日战况回顾 Mineski鏖战5局夺得辉耀
2018/04/10 DOTA
Python __setattr__、 __getattr__、 __delattr__、__call__用法示例
2015/03/06 Python
Python做简单的字符串匹配详解
2017/03/21 Python
JavaScript实现一维数组转化为二维数组
2018/04/17 Python
numpy的文件存储.npy .npz 文件详解
2018/07/09 Python
使用python接入微信聊天机器人
2020/03/31 Python
python实现音乐播放和下载小程序功能
2020/04/26 Python
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
YSL圣罗兰美妆官方旗舰店:购买YSL口红
2018/04/16 全球购物
Android interview questions
2016/12/25 面试题
大学生新学期计划书
2014/04/28 职场文书
勤俭节约演讲稿
2014/05/08 职场文书
低碳环保口号
2014/06/12 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
2014年公务员转正工作总结
2014/11/07 职场文书
2015年学校党建工作总结
2015/05/19 职场文书
社会实践心得体会范文
2016/01/14 职场文书
话题作文之学会尊重
2019/12/16 职场文书
python用字节处理文件实例讲解
2021/04/13 Python
python神经网络编程之手写数字识别
2021/05/08 Python
vue 给数组添加新对象并赋值
2022/04/20 Vue.js