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应该如何来设置改变按钮input的onclick事件
Dec 10 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
May 27 Javascript
JavaScript数据结构和算法之二叉树详解
Feb 11 Javascript
jQuery实现的自定义滚动条实例详解
Sep 20 Javascript
node.js中的事件处理机制详解
Nov 26 Javascript
AngularJS service之select下拉菜单效果
Jul 28 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
Jul 19 Javascript
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
Vue使用localStorage存储数据的方法
May 27 Javascript
小程序如何获取多个formId实现详解
Sep 20 Javascript
使用Canvas绘制一个游戏人物属性图
Mar 25 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操作MongoDB基础教程(连接、新增、修改、删除、查询)
2014/03/25 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
12个非常有创意的JavaScript小游戏
2010/03/18 Javascript
javascript标签在页面中的位置探讨
2013/04/11 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
jQuery动态效果显示人物结构关系图的方法
2015/05/07 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
第八篇Bootstrap下拉菜单实例代码
2016/06/21 Javascript
bootstrap多种样式进度条展示
2016/12/20 Javascript
JQuery 又谈ajax局部刷新
2017/11/27 jQuery
基于Vue自定义指令实现按钮级权限控制思路详解
2018/05/23 Javascript
详解Koa中更方便简单发送响应的方式
2018/07/20 Javascript
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
加快Vue项目的开发速度的方法
2018/12/12 Javascript
JS实现根据数组对象的某一属性排序操作示例
2019/01/14 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
举例讲解Python设计模式编程的代理模式与抽象工厂模式
2016/01/16 Python
python技能之数据导出excel的实例代码
2017/08/11 Python
启动targetcli时遇到错误解决办法
2017/10/26 Python
TensorFlow实现随机训练和批量训练的方法
2018/04/28 Python
Python常见内置高效率函数用法示例
2018/07/31 Python
python判断完全平方数的方法
2018/11/13 Python
pytorch随机采样操作SubsetRandomSampler()
2020/07/07 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
详解CSS3中常用的样式【基本文本和字体样式】
2020/10/20 HTML / CSS
Myprotein芬兰官网:欧洲第一运动营养品牌
2019/05/05 全球购物
销售心得体会
2014/01/02 职场文书
高一数学教学反思
2014/02/07 职场文书
父母对孩子说的话
2014/04/12 职场文书
环保建议书200字
2014/05/14 职场文书
公司离职证明范本
2014/10/17 职场文书
解除租赁合同协议书
2016/03/21 职场文书
MySQL提升大量数据查询效率的优化神器
2022/07/07 MySQL