Suggestions de frappe anticipée
Les observables peuvent simplifier la mise en oeuvre des suggestions de frappe anticipée.
En règle générale, une frappe anticipée doit effectuer une série de tâches distinctes :
- Écoutez les données d'une entrée.
- Limitez la valeur (supprimez les espaces) et assurez-vous que sa longueur est minimale.
- Debounce (pour ne pas envoyer de requêtes API à chaque frappe, mais plutôt attendre une pause dans les frappes).
- N'envoyez pas de demande si la valeur reste la même (tapez rapidement un caractère, puis retournez à l'arrière, par exemple).
- Annuler les demandes AJAX en cours si leurs résultats sont invalidés par les résultats mis à jour.
Écrire ceci en JavaScript peut être très compliqué. Avec observables, vous pouvez utiliser une simple série d'opérateurs RxJS :