Come migrare da una form non tipizzata a una form tipizzata in Angular

di Morgan Pizzini, in HTML5, Angular,

Eseguire una migrazione da una form non tipizzata a una tipizzata è un'operazione non banale: il cambiamento effettuato dietro le quinte del framework potrebbe portare alla luce eventuali errori dovuti a tipizzazione o errata manipolazione dei dati contenuti nel form. In questo caso Angular, e la CLI, ci può venire in aiuto.

Utilizzando il comando ng update ogni FormGroup verrà convertito in UntypedFormGroup e allo stesso modo FormControl diverrà UntypedFormGroup. Grazie a questa accortezza l'applicazione continuerà a funzionare correttamente, consentendoci poi di tornare in ogni pagina, rimuovere il prefisso "Untyped" e verificarne il funzionamento.

// pre migrazione
const form = new FormGroup({
   firstName: new FormControl(''),
   lastName: new FormControl(''),
   address: new FormGroup(
      street: new FormControl(''),
      city: new FormControl('')
   )
});

// post migrazione
const form = new UntypedFormGroup({
   firstName: new UntypedFormControl(''),
   lastName: new UntypedFormControl(''),
   address: new UntypedFormGroup(
      street: new UntypedFormControl(''),
      city: new UntypedFormControl('')
   )
});

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi