Reputation: 5123
I'm trying to use the interval method of an observable but I keep getting the error
Property 'interval' does not exist on type 'Observable<any>'.
I added these imports:
import "rxjs/Rx";
import "rxjs/add/observable/interval";
import "rxjs/observable/IntervalObservable";
Upvotes: 30
Views: 33576
Reputation: 177
It's possible too, for:
"rxjs": "6.3.3"
"rxjs-compat": "^6.5.5"
import { Component, OnInit } from '@angular/core';
import { interval } from 'rxjs';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
constructor() { }
ngOnInit() {
const myNumber = interval(1000);
myNumber.subscribe(
(number: number) => {
console.log(number);
}
);
}
}
Upvotes: 1
Reputation: 309
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/interval';
//This would help 'rxjs/add/observable/interval'
//import interval from
ngOnInit() {
const myNumber = Observable.interval(1000);
myNumber.subscribe(
(number: number) => {
console.log(number);
}
);
Upvotes: 0
Reputation: 221
If you want to create an interval
(Observable) with rxjs v6.2.1
:
import { interval } from 'rxjs';
// instead of:
// import { Observable } from 'rxjs/Observable';
// import 'rxjs/add/observable/interval';
const counter = interval(1000);
// instead of:
// const counter = Observable.interval(1000);
Upvotes: 22
Reputation: 121
import {Observable} from 'rxjs/Observable';
import 'rxjs/Rx'
printX:number;
ngOnInit() {
const myInterval = Observable.interval(1000);
myInterval.subscribe((x : number)=>{
this.printX=x;
});
}
Upvotes: 0
Reputation: 202138
You need to import the Observable
class this way to be able to use the interval
method:
import {Observable} from 'rxjs/Rx';
or
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/observable/interval';
Upvotes: 94