Error: Property timer doesn't exist on type typeof Observable

Question

The code is below

import {Component} from 'angular2/core';
import {Observable} from 'rxjs/Rx';

@Component({
selector: 'my-app',
template: 'Ticks (every second) : {{ticks}}'
})
export class AppComponent {
   ticks =0;

   click(){
      let timer = Observable.timer(2000,1000);
      timer.subscribe(t=>this.ticks = t);
   }
}

But i am getting an error. The error is in the following line:

let timer = Observable.timer(2000,1000);

The definition of error is "property timer doesn't exist on type typeof Observable" Why am I getting error like that? What do you think?

Answer 1

Thats because you havent patched the timer method into the Observable prototype.

Update: Rxjs 6.0.0

Import the creation method as a static pure function:

import { timer } from 'rxjs';
let timer$ = timer(2000,1000);

Original answer:

You have 2 options:

1) Patch the method with:

import 'rxjs/add/observable/timer';

2) Import the operator as a static pure function:

import { timer } from 'rxjs/observable/timer';
let timer$ = timer(2000,1000);

Personally I would recommend the 2nd approach.

Answer 2

The timer function now need to be imported directly from rxjs library, Below works fine.The message 'fired' will be seen in console after 10 seconds.

import { timer } from 'rxjs';

const numbers = timer(10000);
numbers.subscribe(any => console.log('fired'));

Please see this link for more details:https://rxjs-dev.firebaseapp.com/api/index/function/timer