如何在 angular 6 中導入 rxjs 計時器？

Question

我嘗試在我的 angular 6 項目中導入 rxjs 計時器，例如

import { timer } from 'rxjs/observable/timer';

我也試過了，

Rx.Observable.timer(200, 100)

他們不工作

這是plunker的代碼

Answer 1

從 rxjs 6（在 angular 6 項目中使用），一般規則如下：

• rxjs：創建方法、類型、調度程序和實用程序

  import { timer, Observable, Subject, asapScheduler, pipe, of, from, interval, merge, fromEvent } from 'rxjs';

• rxjs/operators：所有可管道操作符：

   import { map, filter, scan } from 'rxjs/operators';

這是遷移指南： https : //github.com/ReactiveX/rxjs/blob/master/MIGRATION.md#observable-classes

Answer 2

所有 observable 類（ https://github.com/ReactiveX/rxjs/tree/5.5.8/src/observable ）已從 v6 中刪除，以支持執行與類方法相同的操作的現有或新運算符。

import { timer } from 'rxjs';
import { timeInterval, pluck, take} from 'rxjs/operators';

var sourcef = timer(200, 100)
  .pipe(
    timeInterval(),
    pluck('interval'),
    take(3)
  )

分叉示例

也可以看看

• https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md#observable-classes

Answer 3

從 rxjs 6.2.2 開始，對於此導入

import { timer } from 'rxjs';   // gives tslint blacklisted error

tslint 給出錯誤：

ERR: [tslint] This import is blacklisted, 
import a submodule instead (import-blacklist)

但這工作正常，沒有任何錯誤

import { timer } from 'rxjs/observable/timer'; //works fine

Answer 4

就我而言，我使用了 import { timer } from 'rxjs/Observable/timer'; 像這樣。

但需要在 import { timer } from 'rxjs/observable/timer' 中使用； 可觀察而不是可觀察。

這就是全部......享受你的編碼。