Gestire i null nelle reactive form tipizzate di Angular
Il valore restituito dai form tipizzati non è mai un solo tipo, ma è sempre accompagnato da null in quanto è il default del controllo. Otterremo null solamente nel caso in cui richiediamo il valore senza aver eseguito una pre-assegnazione o successivamente ad un reset, effettuato tramite controllo.reset(). Per sovvertire questa logica possiamo altresì dichiarare il controllo come non nullo all'interno delle opzioni, e ricevere il valore di default in base al tipo.
const firstName = new FormControl('', { nonNullable: true });
// tipo <string>
const value = firstName.value;
// il valore sarà impostato a ''
firstName.reset();Possiamo dunque costruire il primo form. In questo snippet useremo le Constructor API e cercheremo di recuperarne i valori.
const form = new FormGroup({
firstName: new FormControl('', { nonNullable: true }),
lastName: new FormControl('', { nonNullable: true }),
address: new FormGroup({
street: new FormControl('', { nonNullable: true }),
city: new FormControl('', { nonNullable: true })
})
});
// string/undefined
profileForm.value.firstName
// string/undefined
profileForm.value.lastName
// Partial<Address>/undefined
profileForm.value.addressCommenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
La gestione della riconnessione al server di Blazor in .NET 9
Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
Gestire la cancellazione di una richiesta in streaming da Blazor
Scrivere selettori CSS più semplici ed efficienti con :is()
Creare una libreria CSS universale: Cards
Utilizzare Azure AI Studio per testare i modelli AI
Filtrare i dati di una QuickGrid in Blazor con una drop down list
Generare la software bill of material (SBOM) in GitHub
Cancellare una run di un workflow di GitHub
Generare un hash con SHA-3 in .NET
Gestione dell'annidamento delle regole dei layer in CSS
Gestire il colore CSS con HWB
