web-dev-qa-db-ja.com

Observable.fromEvent-RXJS

入力イベントからObservableを作成しようとしています。私はすでにほとんどすべてを試しましたが、「fromEvent」をインポートできません。これは私のコードです。私はangular 6.0.1およびRXJS 6.1.0を使用しています

エラーTS2339：プロパティ 'fromEvent'はタイプ 'typeof Observable'に存在しません。

import { Directive, EventEmitter, Input, Output, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import { NgControl } from '@angular/forms';
import { distinctUntilChanged } from 'rxjs/internal/operators/distinctUntilChanged';
import { debounceTime } from 'rxjs/internal/operators/debounceTime';
import { map } from 'rxjs/internal/operators/map';
import { filter } from 'rxjs/internal/operators/filter';
import { Observable } from 'rxjs/internal/Observable';
//import 'rxjs/internal/observable/fromEvent';
//import 'rxjs/add/observable/fromEvent';

@Directive({
  selector: '[ngModel][debounceTime]'
})
export class InputDebounceDirective implements AfterViewInit {

  @Output()
  public onDebounce = new EventEmitter<any>();

  @Input('debounceTime')
  public debounceTime: number = 1500;

  constructor(private elementRef: ElementRef, private currentModel: NgControl) { }

  ngAfterViewInit() {
    Observable.fromEvent(this.elementRef.nativeElement, 'keyup')
      .pipe(
        debounceTime(this.debounceTime),
        distinctUntilChanged()
      )
      .subscribe(x => {
        this.onDebounce.emit(x);
      });

  }

}
angularrxjsangular6
8
avechuche

RxJS6では、次のようにfromEventをインポートする必要があります。

import {fromEvent} from 'rxjs';

詳細については、 移行ガイド をお読みください。特に インポートパス セクションをご覧ください。

fromEventを使用する場合は、次のように関数として使用します。

fromEvent(this.elementRef.nativeElement, 'keyup')

次のような静的メソッドではありません（これは以前のRxJSバージョンでは正しかったです）

Observable.fromEvent(this.elementRef.nativeElement, 'keyup')
16
siva636