Comment utiliser debounceTime ? #

Pour utiliser la fonction debounceTime dans RxJS, vous devez d'abord inclure l'opérateur debounceTime dans votre code en utilisant l'instruction import suivante :

import { debounceTime } from 'rxjs';

Ensuite, vous pouvez utiliser la fonction debounceTime en la passant en tant qu'opérateur à un observable en utilisant la syntaxe suivante :

myObservable.pipe(debounceTime(1000))

Dans cet exemple, debounceTime sera appliqué à l'observable myObservable et la fonction sera exécutée tous les 1000 millisecondes.

Voici un exemple complet montrant comment utiliser la fonction debounceTime pour filtrer les événements clavier :

import { fromEvent, debounceTime } from 'rxjs';

const input = document.querySelector('input');

const input$ = fromEvent(input, 'keyup');

input$.pipe(
  debounceTime(1000)
).subscribe(() => {
  console.log('Input value:', input.value);
});

Dans cet exemple, un observable est créé à partir des événements keyup sur un élément input. L'observable est ensuite transformé en utilisant l'opérateur debounceTime pour n'émettre des valeurs qu'une fois par seconde. Enfin, l'observable résultant est abonné et chaque valeur émise est imprimée dans la console.