RxJS - Operatore di creazione daEvent

Questo operatore fornirà un output come osservabile da utilizzare su elementi che emettono eventi, ad esempio pulsanti, clic, ecc.

Sintassi

fromEvent(target: eventtarget, eventName: string): Observable

Parametri

target - L'obiettivo è l'elemento dom

eventName - eventName che desideri acquisire, ad esempio clic, passaggio del mouse, ecc.

Valore di ritorno

Restituisce un osservabile.

Esempio

import { fromEvent, interval } from 'rxjs';
import { buffer } from 'rxjs/operators';

let btn = document.getElementById("btnclick");
let btn_clicks = fromEvent(btn, 'click');
let interval_events = interval(1000);
let buffered_array = interval_events.pipe(buffer(btn_clicks));
buffered_array.subscribe(arr => console.log(arr));

Produzione