Angular2：タイマーの作成と破棄

Question

私は5秒ごとにGET要求を送信するタイマーを作成しようとしていますが、私はそれを行うことができますが、私は別のページ（ルーティング）私はngOnDestroyを追加しようとしましたが、私は "退会" 方法

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"); 
 

 
    } 
 
} 
 

 

私はangular2のRC7を使用しています

を持っていない、 "rxjs"： "5.0.0-beta.12"

Answer 1

observableを購読すると、サブスクリプションオブジェクトが返されます

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

単にあなたはmyObservableがsubscribe()によって返されるオブジェクトである

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

を解除する必要があります。

refrence：私はそれを停止しますが、私は戻ってこのページに来たときに2つのタイマーが起動する別のページに訪問したときにangular2 - Best way to terminate a observable interval when path changes