使用IntervalObservable時“takeWhile不是函數”

Question

我在Angular 2代碼中有這個簡單的設置：

IntervalObservable.create(5000)
  .takeWhile(() => this.spinnerOn) // only fires when component is alive
  .subscribe(() => {
    this.httpService.pollResults()
      .subscribe(data => {
        console.log(data);
      });
  });

代碼編譯，我可以看到我的IDE（IDEA）中的rxjs節點模塊使用的takeWhile.d.ts。 但是當應用程序運行時，我在控制台中看到此錯誤：

ERROR TypeError: __WEBPACK_IMPORTED_MODULE_3_rxjs_observable_IntervalObservable__.a.create(...).takeWhile is not a function

我究竟做錯了什么？

Answer 1

你需要導入takeWhile運算符：

import 'rxjs/add/operator/takeWhile';

如果您使用的是rxjs 5.5及以上版本

import { takeWhile } from 'rxjs/operators';