Angular2: zamanlayıcıyı oluştur ve yok

Question

Her 5 saniyede bir GET isteği gönderecek olan zamanlayıcı oluşturmaya çalışıyorum, bunu yapmayı başarabilirim, ancak farklı sayfaya (yönlendirme) geçmeye devam edersem hala çalışır durumda olduğunu fark ederim. Ben ngOnDestroy eklemeyi denedim, ama "abonelikten çık" yöntemi

import {Component, OnInit, OnDestroy} from '@angular/core'; 
 
import {Observable} from 'rxjs/Rx'; 
 

 
@Component({ 
 
    templateUrl: 'app/pages/CurrentRuns/currentruns.component.html' 
 
}) 
 

 

 

 

 
export class CurrentRunsComponent implements OnInit, OnDestroy { 
 
    private timer; 
 
    ticks=0; 
 
    
 

 
    ngOnInit() { 
 
    this.timer = Observable.timer(2000,5000); 
 
    this.timer.subscribe(t => this.tickerFunc(t)); 
 
    } 
 
    tickerFunc(tick){ 
 
    console.log(this); 
 
    this.ticks = tick 
 
    } 
 

 
    ngOnDestroy(){ 
 
    console.log("Destroy timer"); 
 

 
    } 
 
} 
 

 

Ben angular2 RC7 kullanıyorum

yok "rxjs": "5.0.0-beta.12"

Answer 1

Gözlemlenebilir abonelik, bir abonelik nesnesini döndürür

import {Component, OnInit, OnDestroy} from '@angular/core'; 
 
import { Observable, Subscription } from 'rxjs/Rx'; 
 

 
@Component({ 
 
    templateUrl: 'app/pages/CurrentRuns/currentruns.component.html' 
 
}) 
 
export class CurrentRunsComponent implements OnInit, OnDestroy { 
 
    ticks = 0; 
 
    private timer; 
 
    // Subscription object 
 
    private sub: Subscription; 
 

 
    ngOnInit() { 
 
     this.timer = Observable.timer(2000,5000); 
 
     // subscribing to a observable returns a subscription object 
 
     this.sub = this.timer.subscribe(t => this.tickerFunc(t)); 
 
    } 
 
    tickerFunc(tick){ 
 
     console.log(this); 
 
     this.ticks = tick 
 
    } 
 

 
    ngOnDestroy(){ 
 
     console.log("Destroy timer"); 
 
     // unsubscribe here 
 
     this.sub.unsubscribe(); 
 

 
    } 
 
}

Answer 2

Basitçe myObservablesubscribe() tarafından döndürülen nesne olduğu durumlarda

ngOnDestroy() { 
    this.myObservable.unsubscribe(); 
} 

abonelikten gerekir.

refrence: Ben durana başka bir sayfaya ziyaret ama ne zaman bu sayfaya geri geldiğinde angular2 - Best way to terminate a observable interval when path changes