[MUSIC]
Fateci sapere brevemente forme di valore e forme di supporto in Angular.
Abbiamo già visto l'uso dei moduli nel corso precedente bootstrap e
abbiamo visto come bootstrap ci permette di modellare i moduli HDMI standard.
In questa lezione, vedremo il supporto angolare per le forme,
due diversi tipi di forme, forme guidate da modelli e forme reattive.
Vedremo la differenza tra i due, e
dove ognuno di essi è adatto all'interno della nostra applicazione angolare.
Vedremo i vantaggi e gli svantaggi di ciascun approccio
in modo più dettagliato in questa lezione e nella lezione successiva.
Inoltre, vedremo la convalida del modulo, come Angular supporta la convalida del modulo,
e come possiamo effettuare la convalida del modulo per il nostro modello guidato modulo
nella prossima lezione, dopo l'esercizio.
Ci siamo già resi conto che i moduli supportano un'
esperienza di inserimento dati coesa, efficace e convincente per gli utenti.
I moduli vengono utilizzati ovunque sui siti Web.
Ad esempio,
quando devi accedere a un sito web devi digitare il tuo ID utente e la password.
O quando hai bisogno di inviare informazioni per esempio.
Se stai prenotando un biglietto cinematografico, o se stai effettuando
un ordine in un negozio di alimentari online, o molti altri casi d'uso,
i moduli sono ampiamente utilizzati per fornire
agli utenti un modo completo per inserire informazioni nei siti web o nell'applicazione web.
Il framework Angular fornisce un supporto completo per i
moduli, tra cui moduli e convalida dei moduli.
Questo è dove si approfitta del supporto angolare per l'associazione dati bidirezionale
e le modifiche di monitoraggio che apportiamo negli elementi del modulo e anche la convalida del modulo.
Pertanto, quando si inseriscono dati in un campo di input nel modulo,
i dati vengono valutati automaticamente con il supporto angolare per i moduli.
Vedremo alcuni di questi in modo più dettagliato mentre passiamo attraverso le lezioni.
Permettetemi di ricordarvi rapidamente i moduli HTML stessi.
È già noto che i moduli sono supportati tramite l'
elemento modulo nella pagina HTML.
Insieme all'elemento form, all'interno del tag form, è possibile includere anche elementi
come , ,, e s e molti altri.
Vedremo come il supporto angolare esegue insieme con gli
elementi del modulo HTML, ci permettono di progettare due diversi tipi di forme, forme
guidate da modelli e anche forme reattive in Angular.
In questa lezione, ci concentreremo sul supporto angolare per moduli basati su modelli.
In una forma guidata da modelli, utilizzeranno il modello angolare insieme
agli elementi del modulo che abbiamo appena visto per essere in grado di costruire forme e
fare uso del supporto angolare per moduli basati su modelli.
E saremo in grado di associare le direttive specifiche del modulo angolare agli
elementi del modulo all'interno dei nostri modelli, e quindi sfruttare l'associazione dati bidirezionale
che anche la convalida del modulo e il supporto degli errori che Angular fornisce per noi.
Nell' esercizio che segue immediatamente,
questa lezione esaminerà come possiamo progettare una forma basata su modelli.
In particolare, vedremo anche come l'associazione dati bidirezionale con
supporti angolari, utilizzando la direttiva ngModel può essere sfruttata per
legare le informazioni dal modulo ad
alcune variabili JavaScript dichiarate all'interno delle classi.
Nell' esercizio che segue immediatamente questa lezione,
esaminiamo come possiamo progettare una forma basata su modelli.
In particolare, vedremo come l'associazione dati bidirezionale che Angular supporta utilizzando
la direttiva ngModel può essere sfruttata per legare le informazioni dal
modulo ad alcune variabili JavaScript dichiarate all'interno delle classi.
Ed è qui che
viene in nostro aiuto la banana in una scatola a cui abbiamo fatto riferimento in precedenza con la direttiva NGModel.
Mentre passiamo attraverso gli esercizi, questo diventerà ancora più chiaro.
Impariamo ora come sfruttare il supporto Angular per
i moduli basati su modelli per progettare i nostri moduli negli esercizi.
[ MUSIC]