1
00:00:03,450 --> 00:00:08,610
In questo esercizio, faremo uso del Client HTTP angolare per

2
00:00:08,610 --> 00:00:13,870
comunicare con il server JSON che abbiamo già configurato nell'esercizio precedente.

3
00:00:13,870 --> 00:00:21,270
Saremo in grado di scaricare i dati dal server alla nostra applicazione angolare utilizzando

4
00:00:21,270 --> 00:00:25,200
il client HTTP e quindi fare uso dei dati per

5
00:00:25,200 --> 00:00:29,755
costruire le varie viste all'interno dei nostri componenti.

6
00:00:29,755 --> 00:00:34,050
In questo esercizio, verrà riconfigurato il servizio piatto per essere in grado di

7
00:00:34,050 --> 00:00:38,960
andare a recuperare i dati sui piatti dal server JSON.

8
00:00:38,960 --> 00:00:40,545
Come parte del tuo incarico,

9
00:00:40,545 --> 00:00:41,920
completerai i restanti due,

10
00:00:41,920 --> 00:00:44,735
il servizio leader e il servizio di promozione.

11
00:00:44,735 --> 00:00:51,810
Vedremo come possiamo sfruttare il client HTTP che restituirà un osservabile a noi.

12
00:00:51,810 --> 00:00:55,580
Abbiamo già riconfigurato la nostra applicazione,

13
00:00:55,580 --> 00:01:02,530
in particolare il servizio per essere in grado di fornire osservabili ai nostri componenti.

14
00:01:02,530 --> 00:01:07,070
All' interno dei nostri componenti, ci sottoscriviamo a questi osservabili.

15
00:01:07,070 --> 00:01:10,745
Quindi, la parte principale dell'installazione

16
00:01:10,745 --> 00:01:15,310
per ottenere dati dal servizio al componente è già lì. Lo

17
00:01:15,310 --> 00:01:22,195
miglioreremo un po 'per affrontare gli errori nel prossimo esercizio.

18
00:01:22,195 --> 00:01:27,290
Il nostro primo passo nella preparazione dell'applicazione angolare per utilizzare

19
00:01:27,290 --> 00:01:31,040
il client HTTP per accedere al server è quello di

20
00:01:31,040 --> 00:01:35,005
configurare la nostra applicazione con HttpClientModule.

21
00:01:35,005 --> 00:01:38,505
Quindi, per farlo, apri app.module.ts.

22
00:01:38,505 --> 00:01:42,030
Quindi, qui, importiamo

23
00:01:42,030 --> 00:01:57,460
HttpClientModule da Angular/Common/HTTP.

24
00:02:00,410 --> 00:02:02,700
Una volta importato,

25
00:02:02,700 --> 00:02:06,625
allora andremo avanti e configurare il decoratore ngModule

26
00:02:06,625 --> 00:02:12,510
nelle importazioni con HttpClientModule.

27
00:02:14,890 --> 00:02:23,640
Ora, la nostra applicazione è pronta a fare uso di HttpClientModule per accedere al server.

28
00:02:23,640 --> 00:02:28,880
Ora, assicurarsi che il server JSON sia attivo e funzionante e

29
00:02:28,880 --> 00:02:31,190
serve i dati in modo che la nostra applicazione possa

30
00:02:31,190 --> 00:02:34,520
comunicare con l'applicazione server JSON.

31
00:02:34,520 --> 00:02:39,055
Ora che stiamo accedendo ai dati dal lato server,

32
00:02:39,055 --> 00:02:46,220
è una buona pratica creare un valore speciale che punta al

33
00:02:46,220 --> 00:02:50,840
BaseURL del tuo server in modo

34
00:02:50,840 --> 00:02:55,845
che possa essere configurato all'interno dell'applicazione angolare come e quando richiesto.

35
00:02:55,845 --> 00:02:58,325
Quindi, andando alla cartella condivisa,

36
00:02:58,325 --> 00:03:05,345
ho intenzione di creare un nuovo file qui chiamato baseurl.ts.

37
00:03:05,345 --> 00:03:07,055
Quindi, all'interno di questo file,

38
00:03:07,055 --> 00:03:15,995
includerò una costante ed esporterò e la costante denominata BaseURL,

39
00:03:15,995 --> 00:03:24,355
che imposterò su HTTP: //localhost: 3000.

40
00:03:24,355 --> 00:03:31,455
Quindi, come ricorderai, questo è il BaseURL a cui è accessibile il mio server JSON.

41
00:03:31,455 --> 00:03:35,665
Quindi, localhost: 3000/, lì.

42
00:03:35,665 --> 00:03:37,565
Quindi, con questo,

43
00:03:37,565 --> 00:03:40,210
lasciami salvare le modifiche al BaseURL.

44
00:03:40,210 --> 00:03:47,105
Ora, angolare fornisce un modo per fornire valori come

45
00:03:47,105 --> 00:03:54,990
questo al resto dell'applicazione configurando un provider all'interno del modulo app.

46
00:03:54,990 --> 00:03:57,510
Quindi, andando al modulo app,

47
00:03:57,510 --> 00:04:04,545
per consentirci di fornire quel particolare BaseURL,

48
00:04:04,545 --> 00:04:10,870
stiamo andando prima importare il valore BaseURL nella nostra applicazione angolare.

49
00:04:10,870 --> 00:04:27,380
Quindi, direi importare BaseUrl da shared/baseurl.

50
00:04:27,650 --> 00:04:31,790
Questo valore può ora essere reso disponibile per

51
00:04:31,790 --> 00:04:35,625
il resto della mia applicazione andando ai provider.

52
00:04:35,625 --> 00:04:38,270
Quindi, oltre al LeaderService,

53
00:04:38,270 --> 00:04:42,150
se configuro un valore come questo,

54
00:04:42,150 --> 00:04:45,965
direi fornire

55
00:04:45,965 --> 00:04:56,070
e quindi baseURL, useValue.

56
00:04:56,540 --> 00:05:03,355
Quindi, in questo modo, fornirò questo valore BaseURL come

57
00:05:03,355 --> 00:05:11,310
fornitore di valori dall'interno del modulo app al resto della mia applicazione angolare.

58
00:05:11,310 --> 00:05:12,835
Nella fase successiva,

59
00:05:12,835 --> 00:05:19,400
stiamo andando a configurare il nostro DishService in modo da consentire l'accesso al lato server,

60
00:05:19,400 --> 00:05:21,830
e quindi ottenere i dati dal lato server,

61
00:05:21,830 --> 00:05:25,475
e quindi rendere i dati disponibili per i nostri componenti.

62
00:05:25,475 --> 00:05:30,170
Ora, andremo al DishService.

63
00:05:30,170 --> 00:05:32,140
Quindi, nel DishService,

64
00:05:32,140 --> 00:05:37,790
questi piatti non sono più necessari dal file locale lì.

65
00:05:37,790 --> 00:05:40,970
Ho intenzione di scaricare quei dati dal lato server.

66
00:05:40,970 --> 00:05:46,475
Quindi, ho intenzione di rimuoverlo e quindi aggiungere un'importazione

67
00:05:46,475 --> 00:05:55,460
di HttpClient da angular,

68
00:05:55,460 --> 00:06:00,150
ogni HTTP comune,

69
00:06:01,240 --> 00:06:10,130
importare BaseURL da,

70
00:06:10,130 --> 00:06:19,015
ricordare che questo è in shared/baseurl.

71
00:06:19,015 --> 00:06:21,715
Ora, all'interno del mio DishService,

72
00:06:21,715 --> 00:06:24,960
vado a recuperare i dati dal lato server.

73
00:06:24,960 --> 00:06:27,510
Quindi, nel costruttore,

74
00:06:27,510 --> 00:06:31,740
aggiornerò il costruttore

75
00:06:32,260 --> 00:06:39,615
iniettando HttpClient nel mio costruttore qui.

76
00:06:39,615 --> 00:06:45,275
Quindi, ora, il mio DishService dovrebbe essere impostato per

77
00:06:45,275 --> 00:06:50,990
ottenere i dati dal lato server e restituire i dati alla mia applicazione.

78
00:06:50,990 --> 00:06:52,340
Ora, si nota che

79
00:06:52,340 --> 00:06:56,915
il metodo GetDishes è già impostato per restituire l'osservabile al componente.

80
00:06:56,915 --> 00:06:58,980
Quindi, quella parte è già impostata.

81
00:06:58,980 --> 00:07:06,080
Ora, ciò che questo restituirà è ciò che ottiene

82
00:07:06,080 --> 00:07:13,230
dal metodo HTTP get

83
00:07:13,230 --> 00:07:17,760
che chiameremo il lato server.

84
00:07:17,760 --> 00:07:21,015
Quindi, per chiamare il lato server,

85
00:07:21,015 --> 00:07:23,775
dovrò fornire,

86
00:07:23,775 --> 00:07:25,395
all'interno del metodo get,

87
00:07:25,395 --> 00:07:30,750
il BaseURL che ho

88
00:07:30,750 --> 00:07:36,020
già ottenuto, e poi i piatti.

89
00:07:36,020 --> 00:07:44,000
Quindi, in questo modo, il metodo HTTP get otterrà i dati da localhost: 3000/piatti.

90
00:07:44,610 --> 00:07:49,760
Quindi, questo è l'URL lato server da

91
00:07:49,760 --> 00:07:54,995
cui è possibile recuperare i dati dei piatti qui. Questo è tutto.

92
00:07:54,995 --> 00:08:01,430
Il mio server fornirà i dati sotto forma di

93
00:08:01,430 --> 00:08:07,660
osservabile a questo servizio quando viene chiamato il metodo HTTP get

94
00:08:07,660 --> 00:08:14,495
e che verrà restituito al componente tramite il metodo GetDiches.

95
00:08:14,495 --> 00:08:19,580
Questo è tutto. Ora, il mio servizio è impostato per andare a

96
00:08:19,580 --> 00:08:24,525
recuperare i dati dal lato server e quindi restituire i dati al mio componente.

97
00:08:24,525 --> 00:08:29,670
Ho intenzione di aggiornare i metodi rimanenti anche in modo simile.

98
00:08:29,670 --> 00:08:36,230
Quindi, quello che farò per il prossimo metodo per il metodo getDish è,

99
00:08:36,230 --> 00:08:38,760
ho intenzione di copiare

100
00:08:39,190 --> 00:08:48,015
questa parte e quindi semplicemente incollarla in posizione qui,

101
00:08:48,015 --> 00:08:49,890
e poi lo modificheremo.

102
00:08:49,890 --> 00:08:54,830
Ora, quando hai bisogno di ottenere per un piatto particolare,

103
00:08:54,830 --> 00:08:58,865
hai l'ID del piatto che è a tua disposizione.

104
00:08:58,865 --> 00:09:03,870
Quindi, diremo GetDish ID è disponibile come parametro.

105
00:09:03,870 --> 00:09:05,745
Quindi, ai piatti,

106
00:09:05,745 --> 00:09:10,130
aggiungerò l'ID come altro parametro qui.

107
00:09:10,130 --> 00:09:13,250
Ora, quando ricevo la risposta e poi la

108
00:09:13,250 --> 00:09:18,905
restituisco al componente tramite la chiamata al metodo getDish.

109
00:09:18,905 --> 00:09:21,470
Allo stesso modo, per il piatto in primo piano,

110
00:09:21,470 --> 00:09:26,355
sarà un modo un po 'interessante di configurarlo.

111
00:09:26,355 --> 00:09:28,945
Ora, per il piatto in primo piano,

112
00:09:28,945 --> 00:09:32,705
quando hai bisogno di accedere ai dati dal lato server,

113
00:09:32,705 --> 00:09:34,785
quello che farò è, ora,

114
00:09:34,785 --> 00:09:41,140
quando chiedo un piatto in primo piano, ora,

115
00:09:41,140 --> 00:09:45,410
il modo in cui il mio lato server è impostato è che posso inviare

116
00:09:45,410 --> 00:09:51,580
un parametro di query all'interno del mio URL in modo da poter dire piatti?

117
00:09:51,580 --> 00:09:56,615
e poi dire in primo piano uguale a true.

118
00:09:56,615 --> 00:10:00,290
Quindi, in questo modo, il mio server restituirà

119
00:10:00,290 --> 00:10:06,840
solo quegli oggetti per i quali il flag in primo piano è impostato su true,

120
00:10:06,840 --> 00:10:09,965
o la proprietà in evidenza è impostata su true sul lato server.

121
00:10:09,965 --> 00:10:13,770
Ora, questo è il modo in cui viene impostato il lato server.

122
00:10:13,770 --> 00:10:15,670
Ora, di nuovo, una volta ottenuti i dati,

123
00:10:15,670 --> 00:10:20,390
basta mappare il valore e poi restituirlo come

124
00:10:20,390 --> 00:10:25,490
osservabile al mio componente attraverso il metodo piatto get featured.

125
00:10:25,490 --> 00:10:30,110
Quando interrogo il lato server utilizzando il parametro di query,

126
00:10:30,110 --> 00:10:34,155
restituirà una matrice di oggetti che corrispondono.

127
00:10:34,155 --> 00:10:39,350
In questo caso, accade che l'array conterrà esattamente un elemento lì.

128
00:10:39,350 --> 00:10:44,230
Ma quando restituisco il valore dopo aver ottenuto il risultato,

129
00:10:44,230 --> 00:10:51,865
ho bisogno di includere anche uno zero perché questo è un array,

130
00:10:51,865 --> 00:10:55,460
quindi ho bisogno di restituire il primo elemento dall'array.

131
00:10:55,460 --> 00:11:00,050
Prima di dimenticare, fammi importare

132
00:11:00,050 --> 00:11:10,770
l'operatore mappa dagli operatori rxjs.

133
00:11:10,770 --> 00:11:14,200
Ora, per l'ultimo, il getDishIds,

134
00:11:14,200 --> 00:11:17,570
quello che ho intenzione di fare è sfruttare il fatto che

135
00:11:17,570 --> 00:11:27,340
ho già il metodo getDishies disponibile per me.

136
00:11:27,340 --> 00:11:31,705
Quindi, quando il metodo GetDiches ritorna,

137
00:11:31,705 --> 00:11:37,610
ho intenzione di mapparlo con l'operatore mappa

138
00:11:41,280 --> 00:12:00,475
come dishes.map, dish.dish id

139
00:12:00,475 --> 00:12:07,105
Quindi, in questo modo, sto restituendo solo il valore di cui ho bisogno,

140
00:12:07,105 --> 00:12:10,840
solo gli id del piatto attraverso questo metodo qui.

141
00:12:10,840 --> 00:12:12,765
Questo è tutto.

142
00:12:12,765 --> 00:12:19,410
Ora, il mio servizio piatto è completamente aggiornato per andare a recuperare i dati dal

143
00:12:19,410 --> 00:12:27,840
sito del server e quindi fornire i dati ai miei componenti nel mio.

144
00:12:27,840 --> 00:12:30,230
Applicazione angolare qui.

145
00:12:30,230 --> 00:12:31,775
Nel passaggio successivo,

146
00:12:31,775 --> 00:12:34,645
andrò nel componente del menu.

147
00:12:34,645 --> 00:12:37,085
Quindi all'interno del componente del menu,

148
00:12:37,085 --> 00:12:45,400
userò l'interfaccia di iniezione disponibile attraverso

149
00:12:45,400 --> 00:12:53,900
il nucleo angolare per iniettare questo baseUrl che ho ottenuto lì.

150
00:12:53,900 --> 00:12:56,340
Allora, come facciamo a usarlo?

151
00:12:56,340 --> 00:13:00,665
All' interno del costruttore del mio componente,

152
00:13:00,665 --> 00:13:03,530
entrerò e dirò,

153
00:13:05,520 --> 00:13:12,910
"@Inject" Quindi, ricorda che avevamo impostato

154
00:13:12,910 --> 00:13:20,675
questo BaseURL come provider per questo valore nel modulo app in precedenza.

155
00:13:20,675 --> 00:13:27,425
Quindi, quel BaseURL può ora essere iniettato nel componente come questo qui.

156
00:13:27,425 --> 00:13:29,120
Ora, quando hai un servizio,

157
00:13:29,120 --> 00:13:31,170
stai iniettando servizi come questo qui,

158
00:13:31,170 --> 00:13:32,875
ma quando hai un valore,

159
00:13:32,875 --> 00:13:38,050
allora inietti il valore usando il decoratore "@Inject".

160
00:13:38,050 --> 00:13:45,935
Qui, stiamo specificando il valore del provider che abbiamo specificato lì.

161
00:13:45,935 --> 00:13:48,720
Abbiamo detto, fornire: BaseUrl lì,

162
00:13:48,720 --> 00:13:50,580
quindi questo è il valore che stiamo fornendo qui.

163
00:13:50,580 --> 00:13:53,470
Quindi, sto dichiarando questo come BaseUrl privato.

164
00:13:53,470 --> 00:13:55,660
Quindi ora, all'interno del mio codice qui,

165
00:13:55,660 --> 00:14:02,910
questo BaseURL è disponibile per configurare tutto ciò di cui ho bisogno all'interno della mia applicazione qui.

166
00:14:02,910 --> 00:14:04,985
Mentre sono ancora qui,

167
00:14:04,985 --> 00:14:14,450
ho intenzione di rimuovere questo piatto selezionato che anche non viene utilizzato all'interno della mia applicazione.

168
00:14:15,300 --> 00:14:21,190
Quindi, anche questo metodo non sto usando con la mia applicazione,

169
00:14:21,190 --> 00:14:25,085
quindi lasciami fare un po 'di pulizia mentre sono ancora qui.

170
00:14:25,085 --> 00:14:27,925
Il modo in cui trattiamo i dati che abbiamo ottenuto

171
00:14:27,925 --> 00:14:30,635
dal servizio rimarrà esattamente lo stesso.

172
00:14:30,635 --> 00:14:34,565
Perché il mio servizio è ancora di ritorno e osservabile,

173
00:14:34,565 --> 00:14:38,055
e mi iscrivo all'osservabile all'interno di questo componente.

174
00:14:38,055 --> 00:14:40,765
Quindi, quella parte non cambia affatto.

175
00:14:40,765 --> 00:14:47,645
Ora, il motivo per cui inietto il baseUrl all'interno del mio componente è che,

176
00:14:47,645 --> 00:14:50,935
nel mio modello qui,

177
00:14:50,935 --> 00:14:53,985
sto ottenendo l'immagine del piatto qui.

178
00:14:53,985 --> 00:15:00,625
Ora, ma questa immagine piatto deve essere ottenuta dal mio server lì,

179
00:15:00,625 --> 00:15:03,270
dal server JSON lì.

180
00:15:03,270 --> 00:15:08,800
Quindi, ho bisogno di entrare e quindi aggiornare questa fonte per dire,

181
00:15:08,800 --> 00:15:13,020
BaseUrl più immagine del piatto.

182
00:15:13,020 --> 00:15:18,180
Quindi, ho bisogno di fornire l'URL completo per quell'immagine lì.

183
00:15:18,180 --> 00:15:26,995
Quindi, questo dovrebbe essere, httlp://localhost: 3000/images/, qualunque cosa.

184
00:15:26,995 --> 00:15:29,640
Quindi, questo è il motivo per cui ho bisogno di fornire

185
00:15:29,640 --> 00:15:34,605
il valore BaseURL oltre all'immagine del piatto qui.

186
00:15:34,605 --> 00:15:37,470
Quindi, questo racchiuderò tra virgolette,

187
00:15:37,470 --> 00:15:43,395
quindi questo è il modo in cui un'espressione come questa all'interno dell'interpolazione funzionerà correttamente.

188
00:15:43,395 --> 00:15:48,935
Quindi, racchiudi questo tra virgolette e poi forniscilo come valore sorgente,

189
00:15:48,935 --> 00:15:54,730
e poi qui vedi che stai usando baseURL più l'immagine del piatto,

190
00:15:54,730 --> 00:16:00,725
la dish.image, la proprietà image contiene solo l'URL parziale.

191
00:16:00,725 --> 00:16:05,645
Quindi, contiene immagini barra e nome file image.png.

192
00:16:05,645 --> 00:16:14,640
Quindi, è per questo che ho bisogno di aggiungere http://localhost:3000/,

193
00:16:14,640 --> 00:16:23,220
a quella proprietà dell'immagine del piatto in modo da costruire l'URL totale per la mia immagine.

194
00:16:23,220 --> 00:16:27,385
Quindi, con questo, il mio componente di menu è ora completamente configurato

195
00:16:27,385 --> 00:16:32,000
per ottenere tutti i dati dal lato server.

196
00:16:32,000 --> 00:16:37,100
Ora, allo stesso modo, suggerirei di aggiornare

197
00:16:37,100 --> 00:16:43,440
il componente dettaglio piatto e anche il componente casa.

198
00:16:43,440 --> 00:16:45,790
Andando al componente dettaglio piatto,

199
00:16:45,790 --> 00:16:48,050
usa l'iniezione lì,

200
00:16:48,050 --> 00:16:52,885
e poi vai al costruttore,

201
00:16:52,885 --> 00:16:57,685
nel costruttore, ora ho bisogno

202
00:16:57,685 --> 00:17:13,690
di usare iniettare BaseUrl e BaseUrl lì,

203
00:17:13,690 --> 00:17:24,185
e così, il mio componente dettaglio piatto è ora impostato per ottenere i dati dal servizio piatto.

204
00:17:24,185 --> 00:17:26,620
Quindi, questa parte non cambierà più,

205
00:17:26,620 --> 00:17:29,780
rimane esattamente la stessa perché il mio servizio di piatti sta semplicemente

206
00:17:29,780 --> 00:17:34,395
restituendo un osservabile e sto sottoscrivendo a quello osservabile qui.

207
00:17:34,395 --> 00:17:40,065
Ho anche bisogno di aggiornare il file del modello dei componenti di dettaglio del piatto,

208
00:17:40,065 --> 00:17:43,310
quindi allo stesso modo andando alla fonte dell'immagine qui,

209
00:17:43,310 --> 00:17:52,645
aggiungerei il BaseURL più l'immagine del piatto e poi inserirlo tra le citazioni lì.

210
00:17:52,645 --> 00:17:57,565
Allo stesso modo, andando al componente di casa, stessa cosa.

211
00:17:57,565 --> 00:18:02,830
Ho intenzione di fare un iniezione,

212
00:18:02,830 --> 00:18:09,320
e nel costruttore

213
00:18:10,860 --> 00:18:18,080
faccio un iniezione di BaseURL,

214
00:18:22,380 --> 00:18:27,640
e vado al file modello dei componenti di casa,

215
00:18:27,640 --> 00:18:33,480
allo stesso modo dove uso l'immagine del piatto qui,

216
00:18:33,480 --> 00:18:39,700
quindi ho intenzione di dire, BaseURL più l'immagine del piatto,

217
00:18:39,700 --> 00:18:44,815
e poi racchiuderla tra virgolette qui,

218
00:18:44,815 --> 00:18:48,530
e poi salvare le modifiche.

219
00:18:52,230 --> 00:18:58,805
Quindi, questo è tutto. La mia applicazione è ora aggiornata per utilizzare

220
00:18:58,805 --> 00:19:04,540
il server per ottenere i dati per i piatti.

221
00:19:04,540 --> 00:19:09,775
Quindi, andiamo a vedere l'applicazione nel browser.

222
00:19:09,775 --> 00:19:11,630
Andando al browser,

223
00:19:11,630 --> 00:19:14,150
ora puoi vedere che all'interno del mio browser,

224
00:19:14,150 --> 00:19:18,480
il mio piatto viene reso esattamente come prima,

225
00:19:18,480 --> 00:19:20,920
e poi andando al componente menu,

226
00:19:20,920 --> 00:19:26,380
vedi che il menu rende esattamente come prima e il componente dettaglio piatto,

227
00:19:26,380 --> 00:19:31,935
anche i dettagli del piatto sono resi esattamente come prima.

228
00:19:31,935 --> 00:19:38,015
Quindi, con il cambiamento che abbiamo introdotto accedendo ai dati dal lato server,

229
00:19:38,015 --> 00:19:41,075
siamo in grado di recuperare i dati dal lato server e quindi

230
00:19:41,075 --> 00:19:45,335
rendere i dati all'interno della nostra applicazione angolare.

231
00:19:45,335 --> 00:19:51,365
Per convincerti che i dati vengono effettivamente ottenuti dal mio server JSON,

232
00:19:51,365 --> 00:19:58,590
andiamo al terminale e quindi vediamo il registro nella finestra del terminale lì.

233
00:19:58,590 --> 00:20:03,620
Andando al terminale in cui è in esecuzione il mio server JSON,

234
00:20:03,620 --> 00:20:08,625
puoi vedere che ho effettivamente eseguito un sacco di richieste Git

235
00:20:08,625 --> 00:20:14,030
dal mio sito server per ottenere tutti i dati di cui ho bisogno all'interno della mia applicazione.

236
00:20:14,030 --> 00:20:20,755
Quindi, in effetti la mia applicazione Angular sta ora recuperando tutti i dati dal

237
00:20:20,755 --> 00:20:27,850
sito del server per tutti i piatti all'interno della mia applicazione Angular.

238
00:20:27,850 --> 00:20:31,405
Ora, è possibile utilizzare lo stesso approccio anche per aggiornare

239
00:20:31,405 --> 00:20:35,035
il servizio più recente e anche il servizio di promozione,

240
00:20:35,035 --> 00:20:40,200
ma lo rimanderemo fino all'assegnazione finale di questo corso,

241
00:20:40,200 --> 00:20:43,380
ma questo potrebbe completare questo esercizio.

242
00:20:43,380 --> 00:20:46,920
In questo esercizio, abbiamo imparato come

243
00:20:46,920 --> 00:20:50,420
utilizzare il client HTTP al fine di ottenere i dati dal

244
00:20:50,420 --> 00:20:54,595
sito server e quindi utilizzare i dati nella costruzione delle

245
00:20:54,595 --> 00:20:59,525
viste all'interno dei componenti della nostra applicazione angolare.

246
00:20:59,525 --> 00:21:06,000
Questo è un buon momento per fare un commit Git con il messaggio HTTP parte uno.