J'essaie de créer un observable à partir d'un événement d'entrée. J'ai déjà essayé presque tout et je ne peux pas importer "fromEvent". Ceci est mon code. J'utilise angular 6.0.1 et RXJS 6.1.0
erreur TS2339: la propriété 'fromEvent' n'existe pas sur le type '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);
});
}
}
Vous devez importer fromEvent
comme suit dans RxJS6:
import {fromEvent} from 'rxjs';
Lisez le guide de migration pour plus d'informations, en particulier consultez la section chemins d'importation .
Lorsque vous utilisez fromEvent
, utilisez-le comme une fonction comme suit:
fromEvent(this.elementRef.nativeElement, 'keyup')
Pas comme une méthode statique comme suit (c'était correct dans les versions précédentes de RxJS)
Observable.fromEvent(this.elementRef.nativeElement, 'keyup')