1
00:00:03,680 --> 00:00:07,095
Continuiamo ora a lavorare

2
00:00:07,095 --> 00:00:12,080
sull'applicazione a pagina singola che abbiamo sviluppato nei nostri esercizi.

3
00:00:12,080 --> 00:00:16,480
Finora, abbiamo integrato il componente home,

4
00:00:16,480 --> 00:00:23,610
il componente menu e il componente di contatto nella nostra applicazione a pagina singola.

5
00:00:23,610 --> 00:00:29,080
Il componente dettaglio piatto è attualmente in uso nella parte inferiore del componente menu.

6
00:00:29,080 --> 00:00:32,020
Quindi, quando si fa clic su una qualsiasi delle voci nel menu,

7
00:00:32,020 --> 00:00:35,450
i dettagli del piatto vengono visualizzati proprio sotto nel menu.

8
00:00:35,450 --> 00:00:40,290
Ora, stiamo andando a sfruttare un altro supporto che il modulo router angolare fornisce,

9
00:00:40,290 --> 00:00:47,820
che ci permette di definire un percorso con un parametro incluso nella definizione del percorso.

10
00:00:47,820 --> 00:00:52,520
In questo modo, possiamo passare le informazioni a un altro componente,

11
00:00:52,520 --> 00:00:53,880
e quindi da lì,

12
00:00:53,880 --> 00:00:56,175
visualizzare le informazioni nell'altro componente.

13
00:00:56,175 --> 00:00:57,770
Come funziona?

14
00:00:57,770 --> 00:01:01,770
Impariamo questo facendo questo esercizio.

15
00:01:01,770 --> 00:01:04,755
Quindi, tornando alla nostra applicazione,

16
00:01:04,755 --> 00:01:08,140
in questa applicazione, quando guardi il menu,

17
00:01:08,140 --> 00:01:10,205
quando fai clic su qualsiasi voce del menu,

18
00:01:10,205 --> 00:01:15,920
i dettagli della voce selezionata vengono visualizzati proprio sotto nel menu.

19
00:01:15,920 --> 00:01:19,940
Ora, vorrei separare la vista dei dettagli

20
00:01:19,940 --> 00:01:24,795
di questo particolare piatto nella sua vista separata.

21
00:01:24,795 --> 00:01:27,235
Quando clicco su uno di questi,

22
00:01:27,235 --> 00:01:30,360
voglio essere in grado di visualizzare i dettagli del piatto,

23
00:01:30,360 --> 00:01:34,780
in particolare in una vista in questa applicazione.

24
00:01:34,780 --> 00:01:39,235
Per raggiungere questo obiettivo, abbiamo intenzione di sfruttare, come ho detto,

25
00:01:39,235 --> 00:01:43,985
i parametri di percorso per

26
00:01:43,985 --> 00:01:48,220
consentirci di supportare questo tipo di comportamento nella nostra applicazione.

27
00:01:48,220 --> 00:01:50,050
Come facciamo a farlo?

28
00:01:50,050 --> 00:01:57,025
Facciamolo iniziando con la definizione di un nuovo percorso con un parametro qui.

29
00:01:57,025 --> 00:02:00,305
Per utilizzare il componente dettaglio piatto,

30
00:02:00,305 --> 00:02:02,455
andremo nei percorsi,

31
00:02:02,455 --> 00:02:06,850
e quindi definiremo un nuovo percorso dopo il menu qui.

32
00:02:06,850 --> 00:02:10,010
Guarda il modo in cui il percorso è definito qui.

33
00:02:10,010 --> 00:02:16,595
Quindi, questo è il percorso, il dettaglio del piatto.

34
00:02:16,595 --> 00:02:20,225
Quindi, questo dettaglio piatto fa parte del componente dettaglio piatto.

35
00:02:20,225 --> 00:02:22,190
Quindi, ha il suo punto di vista.

36
00:02:22,190 --> 00:02:25,330
Ora, voglio essere in grado di navigare a quella vista,

37
00:02:25,330 --> 00:02:27,890
ma con un ID parametro,

38
00:02:27,890 --> 00:02:33,750
perché questa vista dettaglio piatto potrebbe visualizzare uno qualsiasi dei piatti nel mio menu.

39
00:02:33,750 --> 00:02:38,790
Quindi, voglio essere in grado di visualizzare un piatto selezionato nel dettaglio del piatto.

40
00:02:38,790 --> 00:02:40,710
Ora, quel piatto selezionato avrà un ID,

41
00:02:40,710 --> 00:02:45,879
e voglio passare quell'ID nei miei componenti dettagliati del piatto, in

42
00:02:45,879 --> 00:02:50,025
modo che possa rendere i dettagli di quel piatto particolare.

43
00:02:50,025 --> 00:02:53,480
Quindi, nel router angolare,

44
00:02:53,480 --> 00:02:59,150
supporta il passaggio dei parametri definendo parametri di percorso come questo,

45
00:02:59,150 --> 00:03:02,220
nella definizione del router stesso.

46
00:03:02,220 --> 00:03:03,260
Quindi, all'interno del percorso,

47
00:03:03,260 --> 00:03:04,525
se dico due punti,

48
00:03:04,525 --> 00:03:10,050
in modo che i due punti possano essere seguiti da un nome che fungerà da parametro route.

49
00:03:10,050 --> 00:03:14,650
Quindi, in questo caso, userò il nome del parametro come ID.

50
00:03:14,650 --> 00:03:21,165
Questo ID si riferisce all'ID piatto che abbiamo già dato a ciascuno dei nostri piatti.

51
00:03:21,165 --> 00:03:27,055
Ora, questo mi porterà alla componente dettaglio piatto.

52
00:03:27,055 --> 00:03:35,040
Quindi, aggiungeremo in questo nuovo percorso alla nostra definizione percorso angolare qui.

53
00:03:35,040 --> 00:03:36,565
Salvare le modifiche.

54
00:03:36,565 --> 00:03:39,960
Ora, nel componente menu,

55
00:03:39,960 --> 00:03:45,805
quindi quando apro il file modello dei componenti del menu,

56
00:03:45,805 --> 00:03:47,470
nel componente del menu,

57
00:03:47,470 --> 00:03:50,350
sto visualizzando il piatto in basso qui.

58
00:03:50,350 --> 00:03:51,625
Quindi, non voglio farlo.

59
00:03:51,625 --> 00:03:57,335
Quindi, ho intenzione di eliminare quella parte dal mio modello di componenti del menu.

60
00:03:57,335 --> 00:04:01,630
Invece, quello che mi rendo conto è che proprio lì,

61
00:04:01,630 --> 00:04:05,015
sono in grado di accedere al piatto particolare.

62
00:04:05,015 --> 00:04:07,680
Quindi, quando si fa clic sul piatto,

63
00:04:07,680 --> 00:04:10,080
invece di fare questo clic qui,

64
00:04:10,080 --> 00:04:13,490
quindi ho intenzione di rimuovere questo clic qui, e invece,

65
00:04:13,490 --> 00:04:23,940
ho intenzione di definire un nuovo parametro qui chiamato RouterLink.

66
00:04:25,790 --> 00:04:30,710
Vedrai l'uso di RouterLink qui.

67
00:04:30,710 --> 00:04:37,460
Ora, questo RouterLink prende valori che puoi fornire nel tuo modello come questo.

68
00:04:37,460 --> 00:04:42,190
Quindi, puoi fornirlo come array qui.

69
00:04:42,190 --> 00:04:49,550
All' interno della matrice, è possibile fornire due parti di un array.

70
00:04:49,550 --> 00:04:51,195
Allora, il dettaglio del piatto.

71
00:04:51,195 --> 00:04:55,360
Quindi, hai visto che quando ho definito il percorso, ho detto «/dishdetail/: id.»

72
00:04:56,560 --> 00:05:03,320
Quindi, il router angolare passerà qualsiasi parametro che fornisco

73
00:05:03,320 --> 00:05:09,340
qui come parte della seconda parte di quell'URL lì.

74
00:05:09,340 --> 00:05:11,700
Quindi, ora, insieme al dettaglio del piatto,

75
00:05:11,700 --> 00:05:15,820
costruirò il mio RouterLink usando il dettaglio del piatto,

76
00:05:15,820 --> 00:05:19,165
e anche l'ID del piatto qui.

77
00:05:19,165 --> 00:05:22,580
Quindi, questo ID piatto si riferisce al piatto specifico che ho

78
00:05:22,580 --> 00:05:26,710
selezionato dalla serie di piatti qui.

79
00:05:26,710 --> 00:05:27,950
Allora, quel documento d'identita',

80
00:05:27,950 --> 00:05:29,830
ho accesso ad esso qui.

81
00:05:29,830 --> 00:05:38,120
Quindi, lo userò come seconda parte all'interno di questa matrice di parametri,

82
00:05:38,120 --> 00:05:41,025
che passerò per il mio RouterLink qui.

83
00:05:41,025 --> 00:05:42,970
Quindi, se lo definisco in questo modo,

84
00:05:42,970 --> 00:05:48,270
quando clicco su quella particolare voce nel mio menu,

85
00:05:48,270 --> 00:05:51,030
allora quel dettagliato, l'ID del piatto,

86
00:05:51,030 --> 00:05:53,385
insieme

87
00:05:53,385 --> 00:05:55,285
a questo dishdetail, verrà passato come collegamento del router.

88
00:05:55,285 --> 00:05:59,765
Quindi, tali informazioni saranno ora disponibili attraverso i

89
00:05:59,765 --> 00:06:04,600
miei router angolari ai miei componenti di dettaglio piatto.

90
00:06:04,600 --> 00:06:09,850
Quindi, il router consente al componente dettaglio piatto di recuperare questo valore, l'

91
00:06:09,850 --> 00:06:15,060
ID piatto, dal percorso angolare quando queste informazioni vengono passate in esso.

92
00:06:15,060 --> 00:06:16,880
Come facciamo a farlo? Per questo,

93
00:06:16,880 --> 00:06:22,670
dobbiamo andare al componente dettaglio piatto e correggerlo fino a ricevere queste informazioni.

94
00:06:22,670 --> 00:06:27,945
Quindi, dopo aver apportato queste modifiche al componente menu,

95
00:06:27,945 --> 00:06:34,090
passiamo ora al componente dettaglio piatto.

96
00:06:34,300 --> 00:06:37,610
All' interno del componente dettaglio piatto,

97
00:06:37,610 --> 00:06:39,950
vedete che attualmente,

98
00:06:39,950 --> 00:06:43,670
stavo ricevendo il piatto come input qui.

99
00:06:43,670 --> 00:06:46,655
Non ho più intenzione di ricevere i piatti e gli input.

100
00:06:46,655 --> 00:06:50,295
Quindi, lascerò che come tale,

101
00:06:50,295 --> 00:06:51,910
come semplicemente un piatto.

102
00:06:51,910 --> 00:06:58,220
Non ho più bisogno dell'input perché non sto passando queste informazioni usando il piatto,

103
00:06:58,220 --> 00:07:01,625
tra parentesi quadre che ho incluso nel mio componente menu.

104
00:07:01,625 --> 00:07:07,550
Invece, queste informazioni sui piatti specifici che entrano attraverso il router angolare.

105
00:07:07,550 --> 00:07:11,595
Come faccio ad avere accesso a quel documento d'identità?

106
00:07:11,595 --> 00:07:13,050
Quindi, per farlo,

107
00:07:13,050 --> 00:07:14,870
vado qui.

108
00:07:14,870 --> 00:07:24,720
In questa applicazione, ho intenzione di aggiungere altre due importazioni qui,

109
00:07:24,720 --> 00:07:27,480
uno di loro chiamato Params.

110
00:07:27,480 --> 00:07:30,560
Quindi, questo Params mi dà accesso

111
00:07:30,560 --> 00:07:35,315
ai parametri del router che sono disponibili quando entro.

112
00:07:35,315 --> 00:07:42,855
Quindi, questo è dal router angolare, Params,

113
00:07:42,855 --> 00:07:51,510
e anche un altro di cui ho bisogno è la posizione.

114
00:07:51,510 --> 00:07:57,710
Posizione mi consente di tenere traccia della posizione della

115
00:07:57,710 --> 00:08:04,060
mia pagina nella cronologia del mio browser.

116
00:08:04,060 --> 00:08:11,185
Quindi, sarebbe utile per me tornare indietro dal mio dettaglio piatto quando ne ho bisogno.

117
00:08:11,185 --> 00:08:14,440
Mi vedrai usare questo un po' più tardi.

118
00:08:14,440 --> 00:08:19,255
Quindi, due cose che devo importare: Params e Location.

119
00:08:19,255 --> 00:08:23,799
Vedremo come facciamo uso di questi due nella nostra applicazione.

120
00:08:23,799 --> 00:08:25,430
Quindi, insieme a questo,

121
00:08:25,430 --> 00:08:29,420
andremo dentro e qui, per il costruttore,

122
00:08:29,420 --> 00:08:39,320
ora notiamo che il valore del piatto non è ora disponibile dal mio componente di menu.

123
00:08:39,320 --> 00:08:43,650
Ma invece, devo andare esplicitamente a recuperare questo dal DishService.

124
00:08:43,650 --> 00:08:45,405
Quindi, ho intenzione di importare

125
00:08:45,405 --> 00:08:56,020
il DishService anche nel mio componente dettaglio piatto.

126
00:09:01,330 --> 00:09:03,960
Qui DishService.

127
00:09:03,960 --> 00:09:09,820
Quindi, questo mi permetterà di andare a prendere un piatto specifico dal Servizio Piatti.

128
00:09:09,820 --> 00:09:11,930
Quindi, si ricorda che abbiamo già

129
00:09:11,930 --> 00:09:15,855
il metodo GetDish e il servizio Dish che possiamo usare.

130
00:09:15,855 --> 00:09:20,320
Ora, la prossima cosa importante per noi è entrare in possesso dell'id piatto.

131
00:09:20,320 --> 00:09:22,800
Ora, come facciamo a entrare in possesso dell'id piatto.

132
00:09:22,800 --> 00:09:25,665
Quindi, questo è dove nel costruttore.

133
00:09:25,665 --> 00:09:29,075
Ora, devo rendere disponibili tutti questi servizi,

134
00:09:29,075 --> 00:09:31,230
quindi dirò «Servizio piatto».

135
00:09:31,230 --> 00:09:46,250
Quindi, l'altro è Location.

136
00:09:46,270 --> 00:09:51,275
Quindi, Location è un altro servizio che è disponibile per me.

137
00:09:51,275 --> 00:09:56,010
Quindi, entrambi saranno utilizzati all'interno della mia applicazione.

138
00:09:56,010 --> 00:09:59,325
Quindi, quando questo componente piatto viene inizializzato,

139
00:09:59,325 --> 00:10:01,890
allora a questo punto nel ngOnInit,

140
00:10:01,890 --> 00:10:08,490
posso andare a recuperare le informazioni sul piatto specifico dai Params.

141
00:10:08,490 --> 00:10:13,120
Allora, come facciamo?

142
00:10:13,120 --> 00:10:15,800
Quindi, questo è dove vado a prendere l'id,

143
00:10:15,800 --> 00:10:19,370
quindi direi più questo.

144
00:10:19,370 --> 00:10:23,760
Anche per recuperare il valore della route,

145
00:10:23,760 --> 00:10:30,565
ho bisogno di iniettare un altro servizio chiamato servizio ActivatedRoute.

146
00:10:30,565 --> 00:10:32,740
Questo fa parte dei router angolari.

147
00:10:32,740 --> 00:10:39,970
Quindi questo servizio ActivatedRoute mi fornisce l'accesso al percorso qui.

148
00:10:39,970 --> 00:10:41,940
Quindi, direi,

149
00:10:41,940 --> 00:10:47,770
quindi insieme al DishService ho anche bisogno di definire un altro chiamato

150
00:10:47,770 --> 00:10:54,305
come percorso che sarebbe il servizio ActivatedRoute qui.

151
00:10:54,305 --> 00:10:56,890
Quindi, tutti e tre saranno disponibili per me.

152
00:10:56,890 --> 00:11:00,265
Quindi, proprio lì, posso chiedere

153
00:11:00,265 --> 00:11:10,840
questo percorso, Snapshot, Params.

154
00:11:10,840 --> 00:11:18,500
Questo Params è un array a

155
00:11:18,500 --> 00:11:25,760
cui posso indicizzare usando l'id come valore, quindi Params id.

156
00:11:25,760 --> 00:11:30,340
Questo mi recupera l'id dal parametro.

157
00:11:30,340 --> 00:11:34,750
Quindi, quando definisco questo URL,

158
00:11:34,750 --> 00:11:41,070
l'URL per questo sarebbe definito come Dishdetail.

159
00:11:41,070 --> 00:11:43,320
Ad esempio, DishDetail 0,

160
00:11:43,320 --> 00:11:47,760
DishDetail 1, DishDetail 2 e così via.

161
00:11:47,760 --> 00:11:54,060
Quindi, è così che gli URL per questi componenti verranno definiti lì.

162
00:11:54,060 --> 00:11:56,520
Quindi, quel valore che ho intenzione di prendere qui.

163
00:11:56,520 --> 00:11:59,950
Ora, una volta ottenuto l'idea del piatto, allora posso dire,

164
00:11:59,950 --> 00:12:08,125
questo piatto uguale a DishService

165
00:12:08,125 --> 00:12:17,915
e ottenere piatto e GetDish prenderà l'id come parametro qui.

166
00:12:17,915 --> 00:12:22,825
Quindi, con questo, quando clicco su un piatto nel mio componente di menu,

167
00:12:22,825 --> 00:12:26,410
quel link che ho il collegamento del router che ho configurato lì,

168
00:12:26,410 --> 00:12:31,770
passerà l'id del piatto al mio Router come RouterParameter,

169
00:12:31,770 --> 00:12:34,525
e questo diventerà disponibile per me nel

170
00:12:34,525 --> 00:12:40,380
mio componente DishDetail accedendo al servizio ActivatedRoute Qui.

171
00:12:40,380 --> 00:12:42,515
Quindi, una volta entrato in possesso di esso,

172
00:12:42,515 --> 00:12:46,820
allora posso usare quel valore per interrogare il piatto qui.

173
00:12:46,820 --> 00:12:50,630
Ora, questo non è il modo completo di fare le cose.

174
00:12:50,630 --> 00:12:53,080
Più avanti nel prossimo modulo,

175
00:12:53,080 --> 00:12:56,120
useremo qualcosa chiamato JavaScript reattivo.

176
00:12:56,120 --> 00:12:59,640
Quindi, a quel punto, tornerò per ridefinirlo in

177
00:12:59,640 --> 00:13:04,870
un modo diverso in modo che il mio componente DishDetail possa tenere traccia di

178
00:13:04,870 --> 00:13:09,120
tutte le modifiche apportate al mio URL e

179
00:13:09,120 --> 00:13:14,515
modificare automaticamente le informazioni visualizzate da questo componente.

180
00:13:14,515 --> 00:13:19,445
Ci arriveremo in uno degli esercizi successivi nel modulo successivo,

181
00:13:19,445 --> 00:13:23,890
ma questo funziona bene per il momento quindi useremo questo.

182
00:13:23,890 --> 00:13:27,070
Inoltre, ora quando vado ai dettagli del piatto

183
00:13:27,070 --> 00:13:30,335
voglio essere in grado di tornare al menu dal piatto.

184
00:13:30,335 --> 00:13:36,135
Quindi, ho intenzione di aggiungere in un pulsante Indietro nella mia carta un pulsante Indietro nella mia carta,

185
00:13:36,135 --> 00:13:41,905
che quando premuto mi riporterà alla posizione precedente nel mio browser.

186
00:13:41,905 --> 00:13:48,230
Quindi, per farlo aggiungo un metodo qui chiamato GoBack,

187
00:13:50,020 --> 00:13:57,280
che essenzialmente farà uso

188
00:13:57,280 --> 00:14:03,735
del servizio Location che ho incluso qui.

189
00:14:03,735 --> 00:14:09,300
Il servizio Location fornisce un metodo chiamato Indietro che mi consente di

190
00:14:09,300 --> 00:14:15,000
tornare all'elemento precedente nella cronologia del browser.

191
00:14:15,000 --> 00:14:19,890
Quindi, in questo modo, tornerò al menu dai dettagli qui.

192
00:14:19,890 --> 00:14:22,430
Quindi, questo metodo goBack viene aggiunto qui.

193
00:14:22,430 --> 00:14:28,160
Ora, dobbiamo andare a sistemare il componente DishDetail qui.

194
00:14:28,160 --> 00:14:32,390
Così, nel file modello dei componenti DishDetail,

195
00:14:32,390 --> 00:14:36,950
qui abbiamo due pulsanti che sono come e pulsante Condividi.

196
00:14:36,950 --> 00:14:40,040
Ho intenzione di aggiungere un altro pulsante qui.

197
00:14:42,920 --> 00:14:47,155
Per questo pulsante, aggiungerei,

198
00:14:47,155 --> 00:14:49,220
se si fa clic su questo pulsante,

199
00:14:49,220 --> 00:14:55,330
questo si tradurrà in una chiamata al metodo goBack che

200
00:14:55,330 --> 00:15:03,430
ho appena aggiunto al mio component.tsfile DishDetail.

201
00:15:03,430 --> 00:15:10,555
Quindi, questo sarebbe un pulsante Indietro lì.

202
00:15:10,555 --> 00:15:12,625
Mentre ci siamo,

203
00:15:12,625 --> 00:15:16,540
potremmo anche risolvere i collegamenti dei componenti piè di pagina.

204
00:15:16,540 --> 00:15:22,645
Quindi, andando al footercomponent.htmlfile

205
00:15:22,645 --> 00:15:29,785
in basso qui dove abbiamo questi collegamenti, aggiungerò il routerLink qui con

206
00:15:29,785 --> 00:15:38,110
il parametro home per il primo,

207
00:15:38,110 --> 00:15:47,390
e poi il menu per il secondo,

208
00:15:51,240 --> 00:16:00,330
e contattaci per il terzo nel piè di pagina qui.

209
00:16:00,330 --> 00:16:02,710
Salviamo le modifiche.

210
00:16:02,710 --> 00:16:04,785
Andando alla tua applicazione,

211
00:16:04,785 --> 00:16:06,615
se ora fai clic sul menu,

212
00:16:06,615 --> 00:16:09,195
le voci del menu sono mostrate qui.

213
00:16:09,195 --> 00:16:11,895
Se clicchiamo su una delle voci di menu,

214
00:16:11,895 --> 00:16:20,585
noterai che i dettagli del piatto sono mostrati in una vista separata qui.

215
00:16:20,585 --> 00:16:22,900
Questi dettagli, come puoi vedere,

216
00:16:22,900 --> 00:16:26,450
questo è esattamente ciò che il componente DishDetail stava visualizzando

217
00:16:26,450 --> 00:16:29,620
in precedenza, ma nella parte inferiore del menu nel componente menu,

218
00:16:29,620 --> 00:16:33,260
ora abbiamo quella visualizzazione in una vista separata.

219
00:16:33,260 --> 00:16:35,760
Ora, questo componente DishDetail,

220
00:16:35,760 --> 00:16:39,290
ora è possibile tornare al menu facendo clic sul pulsante Indietro.

221
00:16:39,290 --> 00:16:40,670
Quindi, quando fai clic sul pulsante Indietro,

222
00:16:40,670 --> 00:16:41,690
sei di nuovo al menu.

223
00:16:41,690 --> 00:16:43,490
Quando si fa clic su un altro elemento,

224
00:16:43,490 --> 00:16:47,575
si vede che i dettagli di quel particolare elemento vengono visualizzati qui,

225
00:16:47,575 --> 00:16:51,560
allo stesso modo per il terzo e poi si può tornare indietro.

226
00:16:51,560 --> 00:16:54,645
Ora, quando fai clic su uno di questi elementi,

227
00:16:54,645 --> 00:17:02,780
nota il valore dell'URL nella barra degli indirizzi.

228
00:17:02,780 --> 00:17:08,565
Quindi, questo è l'host locale 4.200 slash DishDetail barra 0.

229
00:17:08,565 --> 00:17:12,080
Questo zero è l'id di questo piatto.

230
00:17:12,080 --> 00:17:14,630
Quindi, quel valore viene passato,

231
00:17:14,630 --> 00:17:19,985
ed è così che il componente DishDetail qui viene mostrato qui, torna indietro.

232
00:17:19,985 --> 00:17:21,540
Quando fai clic sull'altro elemento,

233
00:17:21,540 --> 00:17:27,750
puoi vedere che ora negli URL dice, DishDetail barra 1.

234
00:17:27,750 --> 00:17:29,750
Allo stesso modo, per il quarto,

235
00:17:29,750 --> 00:17:33,390
dice DishDetail barra 3 e così via.

236
00:17:33,390 --> 00:17:37,560
Quindi, questo valore Parameter è quello che indica

237
00:17:37,560 --> 00:17:41,210
al componente DishDetail quale particolare piatto

238
00:17:41,210 --> 00:17:44,235
deve essere mostrato dal componente DishDetail.

239
00:17:44,235 --> 00:17:49,250
Questo è ciò che viene utilizzato dal componente DishDetail per recuperare le informazioni su

240
00:17:49,250 --> 00:17:55,045
quel piatto specifico da DishService utilizzando il metodo GetDish

241
00:17:55,045 --> 00:18:01,715
e quindi tali informazioni vengono visualizzate nella visualizzazione del componente DishDetail.

242
00:18:01,715 --> 00:18:03,675
Quindi, ora in questo esercizio,

243
00:18:03,675 --> 00:18:09,575
abbiamo imparato come possiamo usare routeParameters per passare le informazioni a un componente,

244
00:18:09,575 --> 00:18:14,804
e quindi il componente ottenere l'accesso al parametro e quindi utilizza quel routeParameter

245
00:18:14,804 --> 00:18:18,320
per decidere il modo in cui rende

246
00:18:18,320 --> 00:18:22,850
la vista o recuperare le informazioni e rendere la vista di conseguenza .

247
00:18:22,850 --> 00:18:26,385
Con questo, completiamo questo esercizio.

248
00:18:26,385 --> 00:18:31,490
Ora abbiamo quasi completato la costruzione della nostra applicazione a pagina singola

249
00:18:31,490 --> 00:18:37,145
per l'applicazione ristorante su cui abbiamo lavorato finora.

250
00:18:37,145 --> 00:18:40,815
Questo è un buon momento per fare un commit git con il messaggio,

251
00:18:40,815 --> 00:18:44,060
Applicazione a pagina singola parte 2.