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