android计时器创建与销毁,Angular2：创建并销毁计时器

我正在尝试创建计时器,它将每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”

订阅observable会返回订阅对象

import {Component,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();

}

}

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！