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 DOM 添加事件
Feb 14 Javascript
js 未结束的字符串常量错误解决方法
Jun 13 Javascript
jQuery异步验证用户名是否存在示例代码
May 21 Javascript
移动Web中图片自适应的两种JavaScript解决方法
Jun 18 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 Javascript
浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序
Feb 19 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
Feb 28 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
Jul 18 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
Mar 09 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
Mar 29 Javascript
JS实现数据动态渲染的竖向步骤条
Jun 24 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
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
PHP4实际应用经验篇(2)
2006/10/09 PHP
PHP获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)
2012/10/03 PHP
基于PHP遍历数组的方法汇总分析
2013/06/08 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
开发插件的两个方法jquery.fn.extend与jquery.extend
2013/11/21 Javascript
详解JavaScript中数组的相关知识
2015/07/29 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
2015/09/06 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
2017/08/31 Javascript
用js简单提供增删改查接口
2019/05/12 Javascript
详解iview的checkbox多选框全选时校验问题
2019/06/10 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
2020/06/02 Javascript
uniapp微信小程序实现一个页面多个倒计时
2020/11/01 Javascript
[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee
2018/08/15 DOTA
Python 获取新浪微博的最新公共微博实例分享
2014/07/03 Python
Python二分法搜索算法实例分析
2015/05/11 Python
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
教你用Python写安卓游戏外挂
2018/01/11 Python
python爬虫中get和post方法介绍以及cookie作用
2018/02/08 Python
python使用json序列化datetime类型实例解析
2018/02/11 Python
python调用摄像头显示图像的实例
2018/08/03 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
Python 2.6.6升级到Python2.7.15的详细步骤
2020/12/14 Python
表达自我的市场:Society6
2018/08/01 全球购物
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
考试违纪检讨书
2014/02/02 职场文书
体育教学随笔感言
2014/02/24 职场文书
2014年司法所工作总结
2014/11/22 职场文书
陕西导游词
2015/02/04 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
go原生库的中bytes.Buffer用法
2021/04/25 Golang
Go并发4种方法简明讲解
2022/04/06 Golang
插件导致ECharts被全量引入的坑示例解析
2022/09/23 Javascript