1
00:00:00,000 --> 00:00:04,979
[MUSIC]

2
00:00:04,979 --> 00:00:09,281
Fateci sapere brevemente forme di valore e forme di supporto in Angular.

3
00:00:09,281 --> 00:00:14,748
Abbiamo già visto l'uso dei moduli nel corso precedente bootstrap e

4
00:00:14,748 --> 00:00:20,139
abbiamo visto come bootstrap ci permette di modellare i moduli HDMI standard.

5
00:00:20,139 --> 00:00:24,664
In questa lezione, vedremo il supporto angolare per le forme,

6
00:00:24,664 --> 00:00:30,200
due diversi tipi di forme, forme guidate da modelli e forme reattive.

7
00:00:30,200 --> 00:00:32,450
Vedremo la differenza tra i due, e

8
00:00:32,450 --> 00:00:35,670
dove ognuno di essi è adatto all'interno della nostra applicazione angolare.

9
00:00:35,670 --> 00:00:39,400
Vedremo i vantaggi e gli svantaggi di ciascun approccio

10
00:00:39,400 --> 00:00:43,490
in modo più dettagliato in questa lezione e nella lezione successiva.

11
00:00:44,910 --> 00:00:50,880
Inoltre, vedremo la convalida del modulo, come Angular supporta la convalida del modulo,

12
00:00:50,880 --> 00:00:55,600
e come possiamo effettuare la convalida del modulo per il nostro modello guidato modulo

13
00:00:55,600 --> 00:01:00,420
nella prossima lezione, dopo l'esercizio.

14
00:01:02,400 --> 00:01:06,867
Ci siamo già resi conto che i moduli supportano un'

15
00:01:06,867 --> 00:01:10,230
esperienza di inserimento dati coesa, efficace e convincente per gli utenti.

16
00:01:10,230 --> 00:01:14,350
I moduli vengono utilizzati ovunque sui siti Web.

17
00:01:14,350 --> 00:01:14,940
Ad esempio,

18
00:01:14,940 --> 00:01:19,520
quando devi accedere a un sito web devi digitare il tuo ID utente e la password.

19
00:01:19,520 --> 00:01:22,210
O quando hai bisogno di inviare informazioni per esempio.

20
00:01:22,210 --> 00:01:26,871
Se stai prenotando un biglietto cinematografico, o se stai effettuando

21
00:01:26,871 --> 00:01:32,027
un ordine in un negozio di alimentari online, o molti altri casi d'uso,

22
00:01:32,027 --> 00:01:37,482
i moduli sono ampiamente utilizzati per fornire

23
00:01:37,482 --> 00:01:43,360
agli utenti un modo completo per inserire informazioni nei siti web o nell'applicazione web.

24
00:01:43,360 --> 00:01:47,922
Il framework Angular fornisce un supporto completo per i

25
00:01:47,922 --> 00:01:51,670
moduli, tra cui moduli e convalida dei moduli.

26
00:01:51,670 --> 00:01:57,379
Questo è dove si approfitta del supporto angolare per l'associazione dati bidirezionale

27
00:01:57,379 --> 00:02:03,690
e le modifiche di monitoraggio che apportiamo negli elementi del modulo e anche la convalida del modulo.

28
00:02:03,690 --> 00:02:07,030
Pertanto, quando si inseriscono dati in un campo di input nel modulo,

29
00:02:07,030 --> 00:02:11,330
i dati vengono valutati automaticamente con il supporto angolare per i moduli.

30
00:02:11,330 --> 00:02:15,980
Vedremo alcuni di questi in modo più dettagliato mentre passiamo attraverso le lezioni.

31
00:02:15,980 --> 00:02:21,010
Permettetemi di ricordarvi rapidamente i moduli HTML stessi.

32
00:02:21,010 --> 00:02:24,790
È già noto che i moduli sono supportati tramite l'

33
00:02:25,910 --> 00:02:28,200
elemento modulo nella pagina HTML.

34
00:02:28,200 --> 00:02:32,734
Insieme all'elemento form, all'interno del tag form, è possibile includere anche elementi

35
00:02:32,734 --> 00:02:37,561
come <input><textarea>, <select>,, e <button>s e molti altri.

36
00:02:37,561 --> 00:02:42,585
Vedremo come il supporto angolare esegue insieme con gli

37
00:02:42,585 --> 00:02:47,608
elementi del modulo HTML, ci permettono di progettare due diversi tipi di forme, forme

38
00:02:47,608 --> 00:02:52,292
guidate da modelli e anche forme reattive in Angular.

39
00:02:52,292 --> 00:02:58,585
In questa lezione, ci concentreremo sul supporto angolare per moduli basati su modelli.

40
00:02:58,585 --> 00:03:03,125
In una forma guidata da modelli, utilizzeranno il modello angolare insieme

41
00:03:03,125 --> 00:03:07,250
agli elementi del modulo che abbiamo appena visto per essere in grado di costruire forme e

42
00:03:07,250 --> 00:03:10,646
fare uso del supporto angolare per moduli basati su modelli.

43
00:03:10,646 --> 00:03:15,432
E saremo in grado di associare le direttive specifiche del modulo angolare agli

44
00:03:15,432 --> 00:03:20,450
elementi del modulo all'interno dei nostri modelli, e quindi sfruttare l'associazione dati bidirezionale

45
00:03:20,450 --> 00:03:25,336
che anche la convalida del modulo e il supporto degli errori che Angular fornisce per noi.

46
00:03:25,336 --> 00:03:28,128
Nell' esercizio che segue immediatamente,

47
00:03:28,128 --> 00:03:32,512
questa lezione esaminerà come possiamo progettare una forma basata su modelli.

48
00:03:32,512 --> 00:03:37,164
In particolare, vedremo anche come l'associazione dati bidirezionale con

49
00:03:37,164 --> 00:03:41,986
supporti angolari, utilizzando la direttiva ngModel può essere sfruttata per

50
00:03:41,986 --> 00:03:44,894
legare le informazioni dal modulo ad

51
00:03:44,894 --> 00:03:50,430
alcune variabili JavaScript dichiarate all'interno delle classi.

52
00:03:50,430 --> 00:03:53,610
Nell' esercizio che segue immediatamente questa lezione,

53
00:03:53,610 --> 00:03:56,960
esaminiamo come possiamo progettare una forma basata su modelli.

54
00:03:56,960 --> 00:04:01,350
In particolare, vedremo come l'associazione dati bidirezionale che Angular supporta utilizzando

55
00:04:01,350 --> 00:04:06,280
la direttiva ngModel può essere sfruttata per legare le informazioni dal

56
00:04:06,280 --> 00:04:10,870
modulo ad alcune variabili JavaScript dichiarate all'interno delle classi.

57
00:04:10,870 --> 00:04:14,860
Ed è qui che

58
00:04:14,860 --> 00:04:19,140
viene in nostro aiuto la banana in una scatola a cui abbiamo fatto riferimento in precedenza con la direttiva NGModel.

59
00:04:19,140 --> 00:04:22,880
Mentre passiamo attraverso gli esercizi, questo diventerà ancora più chiaro.

60
00:04:22,880 --> 00:04:27,139
Impariamo ora come sfruttare il supporto Angular per

61
00:04:27,139 --> 00:04:32,585
i moduli basati su modelli per progettare i nostri moduli negli esercizi.

62
00:04:32,585 --> 00:04:36,014
[ MUSIC]