angular2 timer

gistfile1.txt

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

import { Task } from '../../model/task';

@Component({
    selector: 'tasks',
    templateUrl: './list-tasks.component.html',
    styleUrls: ['./list-tasks.component.css']
})
export class ListTasksComponent implements OnInit, OnDestroy {
    tasks: Task[] = []

    private ticks = 0;
    private timer: Observable<number>;
    private sub: Subscription;

    ngOnInit(): void {
        this.timer = Observable.timer(2000,5000);
        this.sub = this.timer.subscribe(t => this.tickerFunc(t));
    }

    tickerFunc(tick: number){
        console.log(this);
        this.ticks = tick
    }

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