RxJS - Anti-rebond de l'opérateur de filtrage

Une valeur émise par la source Observable après un certain temps et l'émission est déterminée par une autre entrée donnée comme Observable ou Promise.

Syntaxe

debounce(durationSelector: Observable or promise): Observable

Paramètres

durationSelector- Il prend un argument appelé durationSelector qui renvoie une observable ou une promesse. Cet argument obtiendra l'entrée de l'observable source et décidera du délai d'expiration pour chaque valeur source.

Valeur de retour

Il renvoie une observable dans laquelle l'émission de la source observable est retardée en fonction du sélecteur de durée.

Exemple

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

let btn = document.getElementById("btnclick");
let btn_clicks = fromEvent(btn, 'click');
let case1 = btn_clicks.pipe(debounce(() => interval(2000)));
case1.subscribe(x => console.log(x));

Ici, l'événement de clic est retardé à l'aide de l'opérateur debounce ()

Production