Validatori asincroni

Alcune validazioni richiedono un server, ad esempio per verificare se un nome utente è già utilizzato. I validator asincroni restituiscono una Promise o un Observable che si risolve in una mappa di errori o in null.

Un validator asincrono accetta un controllo e restituisce Observable<ValidationErrors | null> (oppure una Promise).

Restituisca null quando il valore è valido oppure un oggetto di errore come { taken: true } quando non lo è, esattamente come per i validator sincroni.

Questo validator chiama un servizio e mappa il risultato.

I validator asincroni vanno inseriti nel terzo argomento di un controllo, separati dai validator sincroni.

Mentre è in esecuzione un validator asincrono, lo stato del controllo è PENDING. Utilizzi questo stato per mostrare un indicatore di caricamento.

I validator asincroni vengono eseguiti a ogni modifica del valore. Utilizzi il debounce per evitare di sovraccaricare il server.

L'uso di switchMap annulla la richiesta precedente ancora in corso quando il valore cambia nuovamente, quindi conta solo il risultato più recente.

Imposti updateOn: 'blur' per eseguire la validazione asincrona solo quando l'utente abbandona il campo, riducendo il numero di richieste.

Mostri l'errore quando la validazione è terminata e il controllo è stato modificato o visitato.

Applichi sempre il debounce, annulli le richieste obsolete, mostri un indicatore dello stato in attesa e gestisca gli errori di rete, così il form non rimane bloccato in PENDING.

Verifichi la Sua comprensione dei validator asincroni.

Ha imparato che AsyncValidatorFn restituisce un Observable/Promise di ValidationErrors | null, registrato come terzo argomento del controllo, portando il controllo nello stato PENDING. Utilizzi il debounce e switchMap per gestire le chiamate al server.