angular2組件中定時(shí)刷新并清除定時(shí)器的實(shí)例講解
更新時(shí)間：2018年08月31日 10:19:34 作者：friend_ship
今天小編就為大家分享一篇angular2組件中定時(shí)刷新并清除定時(shí)器的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
實(shí)例如下：
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();//檢測(cè)變化
},5000)
}
//銷(xiāo)毀組件時(shí)清除定時(shí)器
ngOnDestroy(){
if(this.timer){
clearInterval(this.timer);
}
}
}
以上這篇angular2組件中定時(shí)刷新并清除定時(shí)器的實(shí)例講解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Angular.js中$resource高大上的數(shù)據(jù)交互詳解
這篇文章主要給大家介紹了關(guān)于Angular.js中$resource高大上的數(shù)據(jù)交互的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用angular.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來(lái)一起看看吧。2017-07-07
這篇文章主要介紹了Angularjs為ng-click事件傳遞參數(shù)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-06-06
Angular使用ng-messages與PHP進(jìn)行表單數(shù)據(jù)驗(yàn)證
這篇文章主要介紹了Angular使用ng-messages與PHP進(jìn)行表單數(shù)據(jù)驗(yàn)證，ng-messages提供了更方便的表單數(shù)據(jù)驗(yàn)證服務(wù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
本文主要介紹AngularJS ng-csp 指令,這里對(duì)ng-csp 的基礎(chǔ)資料的整理,并附代碼實(shí)例和實(shí)現(xiàn)效果圖,有需要的小伙伴參考下2016-08-08
AngularJS入門(mén)教程之Cookies讀寫(xiě)操作示例
這篇文章主要介紹了AngularJS的Cookies讀寫(xiě)操作,結(jié)合實(shí)例形式分析了ngCookies模塊與get和put方法進(jìn)行cookie讀寫(xiě)操作的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了在Angular中使用JWT認(rèn)證方法示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
動(dòng)手寫(xiě)一個(gè)angular版本的Message組件的方法
本篇文章主要介紹了動(dòng)手寫(xiě)一個(gè)angular版本的Message組件的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
ng-template 是用來(lái)定義模板的，當(dāng)使用ng-template定義好一個(gè)模板之后，可以用ng-container和templateOutlet指令來(lái)進(jìn)行使用。這篇文章給大家介紹了Angular中的ng-templateangular及使用 ngTemplateOutlet 指令的方法，需要的朋友參考下吧2018-08-08
這篇文章主要為大家詳細(xì)介紹了Angularjs中的依賴(lài)注入，AngularJS提供了一個(gè)至高無(wú)上的依賴(lài)注入機(jī)制，感興趣的小伙伴們可以參考一下2016-03-03
本文給大家總結(jié)了下在Angularjs的模板、控制器、或者服務(wù)中使用Filters的方法，有需要的小伙伴可以參考下2016-03-03