Angular2 – Form – Introduzione


I form sono uno degli aspetti principali di un’applicazione web. Infatti, attraverso i form vengono collezionate la maggior parte delle informazioni e dei dati fornite dagli utenti.

I form possono essere molto complessi a causa delle seguenti ragioni:

  • gli input dei form devono modificare dati, sia sulla pagina stessa che sul server
  • è necessario validare quello che gli utenti inseriscono all’interno degli input
  • l’interfaccia deve mostrare agli utenti eventuali errori o problemi, in modo chiaro
  • alcuni input, dipendenti da altri, possono contenere della logica molto complessa

Angular mette a disposizione alcuni strumenti che aiutano, gli sviluppatori, a gestire le problematiche viste:

  • FormControls: incapsulano gli input del nostro form e forniscono degli oggetti su cui lavorare
  • Validators: permettono di validare gli input in assoluta libertà
  • Observers: permettono di osservare i cambiamenti del form, rispondendo di conseguenza

I due oggetti fondamentali, nei form in Angular, sono FormControl e FormGroup.

FormControl

Un oggetto FormControl rappresenta rappresenta un singolo campo di input. E’ la più piccola unità di un form in Angular.
Un FormControl incapsula il valore del campo e ne specifica diversi informazioni, quali essere valido, modificato o con errori.

FormGroup

La maggior parte dei form ha più di un campo, quindi è necessario poter gestire, insieme, molti FormControl. I FormGroup risolvono questa problematica. Infatti, forniscono un’interfaccia per raggruppare collezioni di FormControl. Inoltre, è possibile controllare il valore e lo stato di un FormGroup, allo stesso modo di come visto per i FormControl.

E’ importante notare che, il valore del FormGroup viene restituito come un oggetto di coppie chiave-valore. Questo permette di ottenere, facilmente, tutti i valori del form.

%d bloggers like this: