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实现的类flash菜单效果代码
May 17 Javascript
基于jquery实现的可编辑下拉框实现代码
Aug 02 Javascript
jquery获取form表单input元素值的简单实例
May 30 Javascript
JavaScript函数节流概念与用法实例详解
Jun 20 Javascript
jQuery实现 上升、下降、删除、添加一行代码
Mar 06 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
JavaScript ES6常用基础知识总结
Feb 09 Javascript
JS事件流与事件处理程序实例分析
Aug 16 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
Aug 03 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
Aug 17 Javascript
在vue中实现某一些路由页面隐藏导航栏的功能操作
Sep 21 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 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程序
2012/02/04 PHP
国产PHP开发框架myqee新手快速入门教程
2014/07/14 PHP
PHP中比较时间大小实例
2014/08/21 PHP
ThinkPHP中I(),U(),$this->post()等函数用法
2014/11/22 PHP
php字符串函数学习之substr()
2015/03/27 PHP
实现WordPress主题侧边栏切换功能的PHP脚本详解
2015/12/14 PHP
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
phpStudy vscode 搭建debug调试的教程详解
2020/07/28 PHP
Javascript 更新 JavaScript 数组的 uniq 方法
2008/01/23 Javascript
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
javascript XML数据显示为HTML一例
2008/12/23 Javascript
多个$(document).ready()的执行顺序实例分析
2014/07/26 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
JavaScript实现滑动导航栏效果
2017/08/30 Javascript
node.js中使用Export和Import的方法
2017/09/18 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
jQuery实现表格的增、删、改操作示例
2019/01/27 jQuery
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
2019/12/12 Javascript
[51:43]OG vs LGD 2018国际邀请赛淘汰赛BO3 第五场 8.26
2018/08/30 DOTA
Python实现的金山快盘的签到程序
2013/01/17 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
Python smtp邮件发送模块用法教程
2020/06/15 Python
Win10下用Anaconda安装TensorFlow(图文教程)
2020/06/18 Python
使用python编写一个语音朗读闹钟功能的示例代码
2020/07/14 Python
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
linux面试题参考答案(11)
2016/11/26 面试题
《狐假虎威》教学反思
2014/02/07 职场文书
优秀的个人求职信范文
2014/05/09 职场文书
会议室标语
2014/06/21 职场文书
中学团支部工作总结
2015/08/13 职场文书
2016年大学生党员公开承诺书
2016/03/24 职场文书
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python