angular2组件中定时刷新并清除定时器的实例讲解

 更新时间:2018年08月31日 10:19:34   作者:friend_ship  
今天小编就为大家分享一篇angular2组件中定时刷新并清除定时器的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

实例如下:

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组件中定时刷新并清除定时器的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 使用Angular.js开发的注意事项

    使用Angular.js开发的注意事项

    这篇文章主要记录了一些在学习和使用angular.js踩到的坑和需要注意的点,方便以后自己查阅,也给同样遇到这些问题的朋友们一些帮助,有需要的朋友们下面来一起看看吧。
    2016-10-10
  • ionic使用angularjs表单验证(模板验证)

    ionic使用angularjs表单验证(模板验证)

    能够验证用户在表单中输入的内容是否合理与正确是十分重要的,这篇文章主要介绍了ionic使用angularjs表单验证(模板验证),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • 详解AngularJS中的filter过滤器用法

    详解AngularJS中的filter过滤器用法

    这篇文章主要介绍了AngularJS中的filter过滤器用法,包括其在模版中和在controller以及service的常见应用场合,需要的朋友可以参考下
    2016-01-01
  • angular实现商品筛选功能

    angular实现商品筛选功能

    这篇文章主要为大家详细介绍了angular实现商品筛选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • AngularJS实现select的ng-options功能示例

    AngularJS实现select的ng-options功能示例

    这篇文章主要介绍了AngularJS实现select的ng-options功能,结合实例形式分析了AngularJS使用ng-options操作select列表的相关实现技巧,需要的朋友可以参考下
    2017-07-07
  • Angular2 路由问题修复详解

    Angular2 路由问题修复详解

    这篇文章主要介绍了Angular2 路由问题修复详解的相关资料,并建了一个测试工程,把详细的过程分享给大家,需要的朋友可以参考下
    2017-03-03
  • AngularJS的$location使用方法详解

    AngularJS的$location使用方法详解

    这篇文章主要介绍了AngularJS的$location使用方法详解的相关资料,希望通过本文大家能够掌握这部分内容,需要的朋友可以参考下
    2017-10-10
  • AngularJS 依赖注入详解及示例代码

    AngularJS 依赖注入详解及示例代码

    本文主要介绍AngularJS 依赖注入的知识,这里整理了相关的基础知识,并附示例代码和实现效果图,有兴趣的小伙伴可以参考下
    2016-08-08
  • AngularJs Modules详解及示例代码

    AngularJs Modules详解及示例代码

    本文主要介绍AngularJs Modules的相关知识,这里整理了详细的资料及简单示例代码,有兴趣的朋友可以参考下
    2016-09-09
  • Angular中的Promise对象($q介绍)

    Angular中的Promise对象($q介绍)

    这篇文章主要介绍了Angular中的Promise对象($q介绍),本文讲解了Promise模式、Q Promise的基本用法、AngularJs中的$q.defferd等内容,需要的朋友可以参考下
    2015-03-03

最新评论