Angular2 rxjs缺少observable.interval方法

Question

我试图使用可观察的区间方法，但我一直得到错误

 Property 'interval' does not exist on type 'Observable<any>'.

我添加了这些进口：

import "rxjs/Rx";
import "rxjs/add/observable/interval";
import "rxjs/observable/IntervalObservable";

Answer 1

您需要以这种方式导入Observable类才能使用interval方法：

import {Observable} from 'rxjs/Rx';

或

import {Observable} from 'rxjs/Observable';
import 'rxjs/add/observable/interval';

Answer 2

如果要使用rxjs v6.2.1:创建interval（可观测）

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

Answer 3

这也是可能的，对于：

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

Answer 4

import {Observable} from 'rxjs/Observable';
import 'rxjs/Rx'

  printX:number;
  ngOnInit() {
    const myInterval = Observable.interval(1000);
    myInterval.subscribe((x : number)=>{
      this.printX=x;
    });
    }

Answer 5

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