1
00:00:03,680 --> 00:00:07,095
Continuons maintenant à travailler sur

2
00:00:07,095 --> 00:00:12,080
l'application d'une seule page que nous avons développé dans nos exercices.

3
00:00:12,080 --> 00:00:16,480
Jusqu'à présent, nous avons intégré le composant home,

4
00:00:16,480 --> 00:00:23,610
le composant menu et le composant contact dans notre application d'une seule page.

5
00:00:23,610 --> 00:00:29,080
Le composant de détail de plat est actuellement utilisé en bas du composant de menu.

6
00:00:29,080 --> 00:00:32,020
Donc, lorsque vous cliquez sur l'un des éléments du menu,

7
00:00:32,020 --> 00:00:35,450
les détails du plat sont affichés juste en dessous dans le menu.

8
00:00:35,450 --> 00:00:40,290
Maintenant, nous allons tirer parti d'un autre support fourni par le module de routeur Angular,

9
00:00:40,290 --> 00:00:47,820
qui nous permet de définir une route avec un paramètre inclus dans la définition de route.

10
00:00:47,820 --> 00:00:52,520
De cette façon, nous pouvons transmettre des informations à un autre composant,

11
00:00:52,520 --> 00:00:53,880
, puis à partir de là,

12
00:00:53,880 --> 00:00:56,175
afficher des informations dans l'autre composant.

13
00:00:56,175 --> 00:00:57,770
Comment cela fonctionne-t-il ?

14
00:00:57,770 --> 00:01:01,770
Apprenons cela en faisant cet exercice.

15
00:01:01,770 --> 00:01:04,755
Donc, pour revenir à notre application,

16
00:01:04,755 --> 00:01:08,140
dans cette application, lorsque vous regardez le menu,

17
00:01:08,140 --> 00:01:10,205
lorsque vous cliquez sur n'importe quel élément du menu,

18
00:01:10,205 --> 00:01:15,920
les détails de l'élément sélectionné sont affichés juste en dessous dans le menu.

19
00:01:15,920 --> 00:01:19,940
Maintenant, je voudrais séparer la vue des détails

20
00:01:19,940 --> 00:01:24,795
de ce plat particulier dans sa propre vue séparée.

21
00:01:24,795 --> 00:01:27,235
Quand je clique sur l'un de ceux-ci,

22
00:01:27,235 --> 00:01:30,360
Je veux pouvoir afficher les détails du plat,

23
00:01:30,360 --> 00:01:34,780
spécifiquement dans une vue dans cette application.

24
00:01:34,780 --> 00:01:39,235
Pour y parvenir, nous allons profiter, comme je l'ai dit,

25
00:01:39,235 --> 00:01:48,220
avec les paramètres de route pour nous permettre de supporter ce genre de comportement dans notre application.

26
00:01:48,220 --> 00:01:50,050
Comment allons-nous faire ça ?

27
00:01:50,050 --> 00:01:57,025
Faisons cela en commençant par définir une nouvelle route avec un paramètre ici.

28
00:01:57,025 --> 00:02:00,305
Pour utiliser le composant de détail plat,

29
00:02:00,305 --> 00:02:02,455
nous allons aller dans les routes,

30
00:02:02,455 --> 00:02:06,850
puis définir un nouveau itinéraire après menu ici.

31
00:02:06,850 --> 00:02:10,010
Regardez la façon dont l'itinéraire est défini ici.

32
00:02:10,010 --> 00:02:16,595
Donc, c'est le chemin, le détail de la vaisselle.

33
00:02:16,595 --> 00:02:20,225
Donc, ce détail de plat fait partie de la composante détail de plat.

34
00:02:20,225 --> 00:02:22,190
Donc, il a sa propre vue.

35
00:02:22,190 --> 00:02:25,330
Maintenant, je veux pouvoir naviguer vers cette vue,

36
00:02:25,330 --> 00:02:27,890
mais avec un ID de paramètre,

37
00:02:27,890 --> 00:02:33,750
parce que cette vue détaillée de plat peut afficher n'importe lequel des plats de mon menu.

38
00:02:33,750 --> 00:02:38,790
Donc, je veux pouvoir afficher un plat sélectionné dans le détail du plat.

39
00:02:38,790 --> 00:02:40,710
Maintenant, c'est le plat sélectionné aura un ID,

40
00:02:40,710 --> 00:02:45,879
et je veux passer cet ID dans mes composants détaillés de plat,

41
00:02:45,879 --> 00:02:50,025
afin qu'il puisse rendre les détails de ce plat particulier.

42
00:02:50,025 --> 00:02:53,480
Donc, dans le routeur angulaire,

43
00:02:53,480 --> 00:02:59,150
il prend en charge le passage de paramètres en définissant des paramètres de route comme celui-ci,

44
00:02:59,150 --> 00:03:02,220
dans la définition du routeur lui-même.

45
00:03:02,220 --> 00:03:03,260
Donc, dans le chemin,

46
00:03:03,260 --> 00:03:04,525
si je dis deux-points,

47
00:03:04,525 --> 00:03:10,050
pour que deux-points puisse être suivi d'un nom qui agira comme paramètre de route.

48
00:03:10,050 --> 00:03:14,650
Donc, dans ce cas, je vais utiliser le nom du paramètre comme ID.

49
00:03:14,650 --> 00:03:21,165
Cette ID fait référence à l'ID plat que nous avons déjà donné à chacun de nos plats.

50
00:03:21,165 --> 00:03:27,055
Maintenant, cela va me conduire à la composante détail du plat.

51
00:03:27,055 --> 00:03:35,040
Donc, nous allons ajouter dans cette nouvelle route à notre définition de route angulaire ici.

52
00:03:35,040 --> 00:03:36,565
Enregistrer les modifications.

53
00:03:36,565 --> 00:03:39,960
Maintenant, dans le composant de menu,

54
00:03:39,960 --> 00:03:45,805
donc quand j'ouvre le fichier de modèle de composants de menu,

55
00:03:45,805 --> 00:03:47,470
dans le composant de menu,

56
00:03:47,470 --> 00:03:50,350
j'affiche le plat en bas ici.

57
00:03:50,350 --> 00:03:51,625
Alors, je ne veux pas faire ça.

58
00:03:51,625 --> 00:03:57,335
Donc, je vais supprimer cette partie de mon modèle de composants de menu.

59
00:03:57,335 --> 00:04:01,630
Au lieu de cela, je me rends compte que juste là,

60
00:04:01,630 --> 00:04:05,015
je suis capable d'accéder au plat particulier.

61
00:04:05,015 --> 00:04:07,680
Donc, quand on clique sur le plat,

62
00:04:07,680 --> 00:04:10,080
au lieu de faire ce clic ici,

63
00:04:10,080 --> 00:04:13,490
donc je vais supprimer ce clic ici, et à la place,

64
00:04:13,490 --> 00:04:23,940
je vais définir un nouveau paramètre ici appelé RouterLink.

65
00:04:25,790 --> 00:04:30,710
Vous verrez l'utilisation du RouterLink ici.

66
00:04:30,710 --> 00:04:37,460
Maintenant, ce RouterLink prend des valeurs que vous pouvez fournir dans votre modèle comme celui-ci.

67
00:04:37,460 --> 00:04:42,190
Donc, vous pouvez fournir cela comme un tableau ici.

68
00:04:42,190 --> 00:04:49,550
Dans le tableau, vous pouvez fournir deux parties d'un tableau.

69
00:04:49,550 --> 00:04:51,195
Donc, détail de la vaisselle.

70
00:04:51,195 --> 00:04:55,360
Donc, vous avez vu que quand j'ai défini l'itinéraire, j'ai dit « /dishdetail/:id ».

71
00:04:56,560 --> 00:05:03,320
Donc, le routeur angulaire passera dans n'importe quel paramètre que je fournis

72
00:05:03,320 --> 00:05:09,340
ici dans le cadre de la deuxième partie de cette URL là-bas.

73
00:05:09,340 --> 00:05:11,700
Donc, maintenant, avec le détail du plat,

74
00:05:11,700 --> 00:05:15,820
, je vais construire mon RouterLink en utilisant le détail du plat,

75
00:05:15,820 --> 00:05:19,165
et aussi l'ID du plat ici.

76
00:05:19,165 --> 00:05:22,580
Donc, cet ID de plat se réfère au plat spécifique que j'ai

77
00:05:22,580 --> 00:05:26,710
sélectionné dans la gamme de plats ici.

78
00:05:26,710 --> 00:05:27,950
Donc, ce plat ID,

79
00:05:27,950 --> 00:05:29,830
J'ai accès ici.

80
00:05:29,830 --> 00:05:38,120
Donc, je vais l'utiliser comme deuxième partie dans ce tableau de paramètres,

81
00:05:38,120 --> 00:05:41,025
que je vais passer pour mon RouterLink ici.

82
00:05:41,025 --> 00:05:42,970
Donc, si je le définit comme ça,

83
00:05:42,970 --> 00:05:48,270
alors quand je clique sur cet élément particulier dans mon menu,

84
00:05:48,270 --> 00:05:51,030
puis ce détail, l'ID du plat,

85
00:05:51,030 --> 00:05:53,385
avec ce dishdetail,

86
00:05:53,385 --> 00:05:55,285
sera passé comme le lien du routeur.

87
00:05:55,285 --> 00:05:59,765
Donc, cette information sera maintenant disponible via

88
00:05:59,765 --> 00:06:04,600
mes routeurs angulaires à mes composants de détail plat.

89
00:06:04,600 --> 00:06:09,850
Ainsi, le routeur permet au composant de détail de plat de récupérer cette valeur,

90
00:06:09,850 --> 00:06:15,060
ID de plat, de la route angulaire lorsque cette information y est transmise.

91
00:06:15,060 --> 00:06:16,880
Comment faisons-nous ça ? Pour cela,

92
00:06:16,880 --> 00:06:22,670
nous devons aller au composant de détail plat et corriger cela pour recevoir cette information.

93
00:06:22,670 --> 00:06:27,945
Donc, après avoir apporté ces modifications au composant de menu,

94
00:06:27,945 --> 00:06:34,090
passons maintenant au composant de détail de plat.

95
00:06:34,300 --> 00:06:37,610
A l'intérieur du composant de détail du plat,

96
00:06:37,610 --> 00:06:39,950
vous voyez qu'actuellement,

97
00:06:39,950 --> 00:06:43,670
je recevais le plat comme entrée ici.

98
00:06:43,670 --> 00:06:46,655
Je ne vais plus recevoir la vaisselle et l'entrée.

99
00:06:46,655 --> 00:06:50,295
Donc, je vais juste laisser cela en tant que tel,

100
00:06:50,295 --> 00:06:51,910
comme simplement un plat.

101
00:06:51,910 --> 00:06:58,220
Je n'ai plus besoin de l'entrée parce que je ne transmets pas cette information en utilisant le plat,

102
00:06:58,220 --> 00:07:01,625
entre crochets que j'ai inclus dans mon composant de menu.

103
00:07:01,625 --> 00:07:07,550
Au lieu de cela, cette information sur les plats spécifiques entrant par le routeur Angular.

104
00:07:07,550 --> 00:07:11,595
Comment puis-je avoir accès à ce plat ID ?

105
00:07:11,595 --> 00:07:13,050
Donc, pour faire ça,

106
00:07:13,050 --> 00:07:14,870
Je vais ici.

107
00:07:14,870 --> 00:07:24,720
Dans cette application, je vais ajouter deux autres importations ici,

108
00:07:24,720 --> 00:07:27,480
l'une d'entre elles appelée Params.

109
00:07:27,480 --> 00:07:30,560
Donc, ce Params me donne accès à

110
00:07:30,560 --> 00:07:35,315
les paramètres du routeur qui sont disponibles quand je viens.

111
00:07:35,315 --> 00:07:42,855
Donc, ceci vient du routeur angulaire, Params,

112
00:07:42,855 --> 00:07:51,510
et aussi un autre dont j'ai besoin est l'emplacement.

113
00:07:51,510 --> 00:07:57,710
Location me permet de suivre l'emplacement de

114
00:07:57,710 --> 00:08:04,060
ma page dans l'historique de mon navigateur.

115
00:08:04,060 --> 00:08:11,185
Donc, cela serait utile pour moi de revenir à partir de mes détails de plat quand j'en ai besoin.

116
00:08:11,185 --> 00:08:14,440
Vous me verrez utiliser ça un peu plus tard.

117
00:08:14,440 --> 00:08:19,255
Donc, deux choses que j'ai besoin d'importer : Params et Location.

118
00:08:19,255 --> 00:08:23,799
Nous verrons comment nous utilisons ces deux dans notre application.

119
00:08:23,799 --> 00:08:25,430
Donc, avec cela,

120
00:08:25,430 --> 00:08:29,420
nous allons entrer et entrer ici, pour le constructeur,

121
00:08:29,420 --> 00:08:39,320
maintenant nous notons que la valeur du plat n'est maintenant pas disponible à partir de mon composant de menu.

122
00:08:39,320 --> 00:08:43,650
Mais au lieu de cela, je dois aller explicitement chercher ceci du DishService.

123
00:08:43,650 --> 00:08:45,405
Donc, je vais importer

124
00:08:45,405 --> 00:08:56,020
le DishService aussi dans mon composant de détail de plat.

125
00:09:01,330 --> 00:09:03,960
DishService ici.

126
00:09:03,960 --> 00:09:09,820
Donc, cela me permettra d'aller chercher un plat spécifique auprès du Service Dish.

127
00:09:09,820 --> 00:09:11,930
Donc, vous vous rappelez que nous avons déjà

128
00:09:11,930 --> 00:09:15,855
la méthode GetDish et le Service Dish que nous pouvons utiliser.

129
00:09:15,855 --> 00:09:20,320
Maintenant, la prochaine chose importante pour nous est de mettre la main sur l'identifiant du plat.

130
00:09:20,320 --> 00:09:22,800
Maintenant, comment pouvons-nous obtenir l'identifiant du plat.

131
00:09:22,800 --> 00:09:25,665
Donc, c'est là que dans le constructeur.

132
00:09:25,665 --> 00:09:29,075
Maintenant, je dois rendre tous ces services disponibles,

133
00:09:29,075 --> 00:09:31,230
donc je dirai Service de vaisselle.

134
00:09:31,230 --> 00:09:46,250
Alors, l'autre est Location.

135
00:09:46,270 --> 00:09:51,275
Donc, Location est un autre service qui est disponible pour moi.

136
00:09:51,275 --> 00:09:56,010
Donc, les deux seront utilisés dans mon application.

137
00:09:56,010 --> 00:09:59,325
Donc, quand ce composant de plat est initialisé,

138
00:09:59,325 --> 00:10:01,890
puis à ce stade dans le NgonInit,

139
00:10:01,890 --> 00:10:08,490
je peux aller chercher les informations sur le plat spécifique des Params.

140
00:10:08,490 --> 00:10:13,120
Alors, comment faisons-nous ça ? Donc, nous laissons id.

141
00:10:13,120 --> 00:10:15,800
Donc, c'est là que je vais chercher l'identifiant,

142
00:10:15,800 --> 00:10:19,370
donc je dirais plus ceci.

143
00:10:19,370 --> 00:10:23,760
Aussi pour récupérer la valeur de la route,

144
00:10:23,760 --> 00:10:30,565
J'ai besoin d'injecter un autre service appelé service ActivatedRoute.

145
00:10:30,565 --> 00:10:32,740
Cela fait partie des routeurs angulaires.

146
00:10:32,740 --> 00:10:39,970
Donc, ce service ActivatedRoute me donne accès à l'itinéraire ici.

147
00:10:39,970 --> 00:10:41,940
Donc, je dirais,

148
00:10:41,940 --> 00:10:47,770
donc avec le DishService, j'ai également besoin de définir un autre appelé

149
00:10:47,770 --> 00:10:54,305
comme route qui serait le service ActivatedRoute ici.

150
00:10:54,305 --> 00:10:56,890
Donc, tous ces trois seront disponibles pour moi.

151
00:10:56,890 --> 00:11:00,265
Donc juste là, je peux demander

152
00:11:00,265 --> 00:11:10,840
cette route, Snapshot, Params.

153
00:11:10,840 --> 00:11:18,500
Ce Params est un tableau à

154
00:11:18,500 --> 00:11:25,760
que je peux indexer en utilisant l'id comme valeur, donc Params id.

155
00:11:25,760 --> 00:11:30,340
Cela me récupère l'id du paramètre.

156
00:11:30,340 --> 00:11:34,750
Donc, quand je définis cette URL,

157
00:11:34,750 --> 00:11:41,070
l'URL pour cela serait définie comme Dishdetail.

158
00:11:41,070 --> 00:11:43,320
Par exemple, DishDetail 0,

159
00:11:43,320 --> 00:11:47,760
DishDetail 1, DishDetail 2, etc.

160
00:11:47,760 --> 00:11:54,060
Donc, c'est ainsi que les URL de ces composants vont y être définies.

161
00:11:54,060 --> 00:11:56,520
Donc, cette valeur que je vais chercher ici.

162
00:11:56,520 --> 00:11:59,950
Maintenant, une fois que j'ai eu l'idée du plat, alors je peux dire,

163
00:11:59,950 --> 00:12:08,125
ce plat égal à DishService

164
00:12:08,125 --> 00:12:17,915
et obtenir plat et le GetDish prendra l'id comme paramètre ici.

165
00:12:17,915 --> 00:12:22,825
Donc, avec ceci, quand je clique sur un plat dans mon composant de menu,

166
00:12:22,825 --> 00:12:26,410
ce lien que j'ai le lien de routeur que j'ai configuré là,

167
00:12:26,410 --> 00:12:31,770
passera l'identifiant de plat à mon routeur en tant que RouterParameter,

168
00:12:31,770 --> 00:12:34,525
et qui deviendra disponible pour moi dans

169
00:12:34,525 --> 00:12:40,380
mon composant DishDetail en accédant au service ici.

170
00:12:40,380 --> 00:12:42,515
Donc, une fois que j'en ai la main,

171
00:12:42,515 --> 00:12:46,820
alors je peux utiliser cette valeur pour interroger le plat ici.

172
00:12:46,820 --> 00:12:50,630
Maintenant, ce n'est pas la façon complète de faire les choses.

173
00:12:50,630 --> 00:12:53,080
Plus tard dans le module suivant,

174
00:12:53,080 --> 00:12:56,120
, nous allons utiliser quelque chose appelé JavaScript réactif.

175
00:12:56,120 --> 00:12:59,640
Alors, à ce moment-là, je reviendrai redéfinir ceci dans

176
00:12:59,640 --> 00:13:04,870
d'une manière différente afin que mon composant DishDetail puisse suivre

177
00:13:04,870 --> 00:13:09,120
toutes les modifications que j'apporte à mon URL et

178
00:13:09,120 --> 00:13:14,515
modifie automatiquement les informations affichées par ce composant.

179
00:13:14,515 --> 00:13:19,445
Nous y arriverons dans l'un des exercices ultérieurs du module suivant,

180
00:13:19,445 --> 00:13:23,890
mais cela fonctionne bien pour le moment donc nous allons l'utiliser.

181
00:13:23,890 --> 00:13:27,070
De plus, maintenant quand je vais aux détails du plat

182
00:13:27,070 --> 00:13:30,335
, je veux pouvoir revenir au menu du plat.

183
00:13:30,335 --> 00:13:36,135
Donc, je vais ajouter un bouton de retour dans ma carte un bouton de retour dans ma carte,

184
00:13:36,135 --> 00:13:41,905
qui, une fois appuyé, me ramènera à l'emplacement précédent dans mon navigateur.

185
00:13:41,905 --> 00:13:48,230
Donc, pour ce faire, je vais ajouter une méthode ici appelée GoBack,

186
00:13:50,020 --> 00:13:57,280
qui fera essentiellement usage

187
00:13:57,280 --> 00:14:03,735
du service Location que j'ai inclus ici.

188
00:14:03,735 --> 00:14:09,300
Le service Location fournit une méthode appelée Back qui me permet de revenir

189
00:14:09,300 --> 00:14:15,000
dans l'élément précédent de l'historique du navigateur.

190
00:14:15,000 --> 00:14:19,890
Donc, de cette façon, je vais revenir au menu à partir des détails ici.

191
00:14:19,890 --> 00:14:22,430
Donc, cette méthode GoBack est ajoutée ici.

192
00:14:22,430 --> 00:14:28,160
Maintenant, nous devons aller réparer le composant DishDetail ici.

193
00:14:28,160 --> 00:14:32,390
Donc, dans le fichier modèle de composants DishDetail,

194
00:14:32,390 --> 00:14:36,950
ici, nous avons deux boutons qui sont le bouton Like et Partager.

195
00:14:36,950 --> 00:14:40,040
Je vais ajouter un bouton de plus ici.

196
00:14:42,920 --> 00:14:47,155
Pour ce bouton, j'ajouterais,

197
00:14:47,155 --> 00:14:49,220
si ce bouton est cliqué,

198
00:14:49,220 --> 00:15:03,430
cela entraînera un appel à la méthode GoBack que je viens d'ajouter à mon DishDetail component.tsfile.

199
00:15:03,430 --> 00:15:10,555
Donc, ce serait un bouton Retour là-bas.

200
00:15:10,555 --> 00:15:12,625
Pendant que nous y sommes,

201
00:15:12,625 --> 00:15:16,540
nous pourrions aussi bien réparer les liens des composants du pied de page.

202
00:15:16,540 --> 00:15:22,645
Donc, en allant au fichier footercomponent.htmlfile en bas ici où nous avons ces liens,

203
00:15:22,645 --> 00:15:29,785
Je vais ajouter dans le RouterLink ici avec

204
00:15:29,785 --> 00:15:38,110
le paramètre home pour le premier,

205
00:15:38,110 --> 00:15:47,390
, puis menu pour le second,

206
00:15:51,240 --> 00:16:00,330
et contactez-nous pour le troisième dans le pied de page ici.

207
00:16:00,330 --> 00:16:02,710
Sauvegardons les modifications.

208
00:16:02,710 --> 00:16:04,785
Aller à votre application,

209
00:16:04,785 --> 00:16:06,615
si vous cliquez maintenant sur le menu,

210
00:16:06,615 --> 00:16:09,195
les éléments de menu sont affichés ici.

211
00:16:09,195 --> 00:16:11,895
Si nous cliquons sur l'un des éléments du menu,

212
00:16:11,895 --> 00:16:20,585
vous remarquerez que les détails du plat sont affichés dans une vue séparée ici.

213
00:16:20,585 --> 00:16:22,900
Ces détails, comme vous pouvez le voir,

214
00:16:22,900 --> 00:16:26,450
c'est exactement ce que le composant DishDetail affichait plus tôt,

215
00:16:26,450 --> 00:16:29,620
mais au bas du menu dans le composant de menu,

216
00:16:29,620 --> 00:16:33,260
nous avons maintenant que l'affichage dans une vue séparée.

217
00:16:33,260 --> 00:16:35,760
Maintenant, ce composant DishDetail,

218
00:16:35,760 --> 00:16:39,290
maintenant vous pouvez revenir au menu en cliquant sur le bouton Précédent.

219
00:16:39,290 --> 00:16:40,670
Donc, lorsque vous cliquez sur le bouton Précédent,

220
00:16:40,670 --> 00:16:41,690
vous êtes de retour au menu.

221
00:16:41,690 --> 00:16:43,490
Lorsque vous cliquez sur un autre élément,

222
00:16:43,490 --> 00:16:47,575
vous voyez que les détails de cet élément particulier sont affichés ici,

223
00:16:47,575 --> 00:16:51,560
de même pour le troisième aussi et vous pouvez revenir en arrière.

224
00:16:51,560 --> 00:16:54,645
Maintenant, lorsque vous cliquez sur l'un de ces éléments,

225
00:16:54,645 --> 00:17:02,780
notez la valeur de l'URL dans la barre d'adresse.

226
00:17:02,780 --> 00:17:08,565
Donc, c'est l'hôte local 4,200 slash DishDetail slash 0.

227
00:17:08,565 --> 00:17:12,080
Ce zéro est l'identifiant de ce plat.

228
00:17:12,080 --> 00:17:14,630
Donc, cette valeur est passée,

229
00:17:14,630 --> 00:17:19,985
et c'est ainsi que le composant DishDetail est montré ici, revenez.

230
00:17:19,985 --> 00:17:21,540
Lorsque vous cliquez sur l'autre élément,

231
00:17:21,540 --> 00:17:27,750
vous pouvez voir que maintenant dans les URL dit, DishDetail barre oblique 1.

232
00:17:27,750 --> 00:17:29,750
De même, pour le quatrième,

233
00:17:29,750 --> 00:17:33,390
, il est dit DishDetail barre oblique 3, et ainsi de suite.

234
00:17:33,390 --> 00:17:37,560
Donc, cette valeur Parameter est celle qui indique à

235
00:17:37,560 --> 00:17:41,210
le composant DishDetail quel plat particulier

236
00:17:41,210 --> 00:17:44,235
doit être affiché par le composant DishDetail.

237
00:17:44,235 --> 00:17:49,250
C'est ce qui est utilisé par le composant DishDetail pour récupérer les informations sur

238
00:17:49,250 --> 00:17:55,045
ce plat spécifique du DishService en utilisant la méthode GetDish,

239
00:17:55,045 --> 00:18:01,715
et ensuite ces informations sont affichées dans la vue du composant DishDetail.

240
00:18:01,715 --> 00:18:03,675
Donc, maintenant dans cet exercice,

241
00:18:03,675 --> 00:18:09,575
nous avons appris comment nous pouvons utiliser RouteParameters pour transmettre des informations à un composant,

242
00:18:09,575 --> 00:18:14,804
, puis le composant obtenir l'accès au Paramètre, puis utilise ce RouteParameter

243
00:18:14,804 --> 00:18:18,320
pour décider de la façon dont il rend

244
00:18:18,320 --> 00:18:22,850
la vue ou récupère l'information et rendre la vue en conséquence.

245
00:18:22,850 --> 00:18:26,385
Avec cela, nous terminons cet exercice.

246
00:18:26,385 --> 00:18:31,490
Nous avons presque terminé la construction de notre application

247
00:18:31,490 --> 00:18:37,145
d'une seule page pour l'application restaurant sur laquelle nous avons travaillé jusqu'à présent.

248
00:18:37,145 --> 00:18:40,815
C'est le bon moment pour vous de faire un commit git avec le message,

249
00:18:40,815 --> 00:18:44,060
Partie 2 de l'application d'une seule page.