1
00:00:03,680 --> 00:00:07,095
Vamos agora continuar a trabalhar em

2
00:00:07,095 --> 00:00:12,080
o aplicativo de página única que temos vindo a desenvolver em nossos exercícios.

3
00:00:12,080 --> 00:00:16,480
Até agora, integramos o componente inicial,

4
00:00:16,480 --> 00:00:23,610
o componente de menu e o componente de contato em nosso aplicativo de página única.

5
00:00:23,610 --> 00:00:29,080
O componente de detalhe do prato está sendo usado atualmente na parte inferior do componente de menu.

6
00:00:29,080 --> 00:00:32,020
Então, quando você clica em qualquer um dos itens no menu,

7
00:00:32,020 --> 00:00:35,450
os detalhes do prato são exibidos logo abaixo no menu.

8
00:00:35,450 --> 00:00:40,290
Agora, vamos aproveitar outro suporte que o módulo de roteador Angular fornece,

9
00:00:40,290 --> 00:00:47,820
que nos permite definir uma rota com um parâmetro incluído na definição de rota.

10
00:00:47,820 --> 00:00:52,520
Desta forma, podemos passar informações para outro componente,

11
00:00:52,520 --> 00:00:53,880
e, em seguida,

12
00:00:53,880 --> 00:00:56,175
exibir informações no outro componente.

13
00:00:56,175 --> 00:00:57,770
Como isso funciona?

14
00:00:57,770 --> 00:01:01,770
Vamos aprender isso fazendo este exercício.

15
00:01:01,770 --> 00:01:04,755
Então, voltando ao nosso aplicativo,

16
00:01:04,755 --> 00:01:08,140
neste aplicativo, quando você olha para o menu,

17
00:01:08,140 --> 00:01:10,205
quando você clica em qualquer item no menu,

18
00:01:10,205 --> 00:01:15,920
os detalhes do item selecionado são exibidos logo abaixo no menu.

19
00:01:15,920 --> 00:01:19,940
Agora, eu gostaria de separar a visão dos detalhes

20
00:01:19,940 --> 00:01:24,795
deste prato em particular em sua própria visão separada.

21
00:01:24,795 --> 00:01:27,235
Quando eu clico em qualquer um destes,

22
00:01:27,235 --> 00:01:30,360
Eu quero ser capaz de exibir os detalhes do prato,

23
00:01:30,360 --> 00:01:34,780
especificamente em uma vista nesta aplicação.

24
00:01:34,780 --> 00:01:39,235
Para conseguir isso, vamos aproveitar, como eu disse,

25
00:01:39,235 --> 00:01:43,985
com os parâmetros de rota para permitir

26
00:01:43,985 --> 00:01:48,220
nós para suportar esse tipo de comportamento em nossa aplicação.

27
00:01:48,220 --> 00:01:50,050
Como vamos fazer isso?

28
00:01:50,050 --> 00:01:57,025
Vamos fazer isso começando com a definição de uma nova rota com um parâmetro aqui.

29
00:01:57,025 --> 00:02:00,305
Para fazer uso do componente detalhe prato,

30
00:02:00,305 --> 00:02:02,455
vamos para as rotas,

31
00:02:02,455 --> 00:02:06,850
e, em seguida, definir uma nova rota após menu aqui.

32
00:02:06,850 --> 00:02:10,010
Veja a forma como a rota é definida aqui.

33
00:02:10,010 --> 00:02:16,595
Então, este é caminho, dishdetail.

34
00:02:16,595 --> 00:02:20,225
Então, este detalhe prato é parte do componente detalhe prato.

35
00:02:20,225 --> 00:02:22,190
Então, ele tem sua própria visão.

36
00:02:22,190 --> 00:02:25,330
Agora, eu quero ser capaz de navegar para essa visão,

37
00:02:25,330 --> 00:02:27,890
mas com um ID de parâmetro,

38
00:02:27,890 --> 00:02:33,750
porque esta exibição de detalhes do prato pode exibir qualquer um dos pratos no meu menu.

39
00:02:33,750 --> 00:02:38,790
Então, eu quero ser capaz de exibir um prato selecionado no detalhe do prato.

40
00:02:38,790 --> 00:02:40,710
Agora, que é selecionado prato terá um ID,

41
00:02:40,710 --> 00:02:45,879
e eu quero passar esse ID para o meu prato componentes detalhados,

42
00:02:45,879 --> 00:02:50,025
para que ele possa renderizar os detalhes desse prato em particular.

43
00:02:50,025 --> 00:02:53,480
Então, no Roteador Angular,

44
00:02:53,480 --> 00:02:59,150
ele suporta a passagem em parâmetros definindo parâmetros de rota como este,

45
00:02:59,150 --> 00:03:02,220
na definição do próprio roteador.

46
00:03:02,220 --> 00:03:03,260
Então, dentro do caminho,

47
00:03:03,260 --> 00:03:04,525
se eu disser dois pontos,

48
00:03:04,525 --> 00:03:10,050
para que dois pontos podem ser seguidos por um nome que irá agir como um parâmetro de rota.

49
00:03:10,050 --> 00:03:14,650
Então, neste caso, eu vou usar o nome do parâmetro como um ID.

50
00:03:14,650 --> 00:03:21,165
Este ID refere-se ao ID do prato que já demos a cada um dos nossos pratos.

51
00:03:21,165 --> 00:03:27,055
Agora, isso vai me levar para o componente detalhe prato.

52
00:03:27,055 --> 00:03:35,040
Então, vamos adicionar nesta nova rota à nossa definição de rota Angular aqui.

53
00:03:35,040 --> 00:03:36,565
Salve as alterações.

54
00:03:36,565 --> 00:03:39,960
Agora, no componente de menu,

55
00:03:39,960 --> 00:03:45,805
assim, quando eu abrir o arquivo de modelo de componentes de menu,

56
00:03:45,805 --> 00:03:47,470
no componente de menu,

57
00:03:47,470 --> 00:03:50,350
Estou exibindo o prato na parte inferior aqui.

58
00:03:50,350 --> 00:03:51,625
Então, eu não quero fazer isso.

59
00:03:51,625 --> 00:03:57,335
Então, eu vou excluir essa parte do meu modelo de componentes de menu.

60
00:03:57,335 --> 00:04:01,630
Em vez disso, o que eu percebo é que ali mesmo,

61
00:04:01,630 --> 00:04:05,015
Eu sou capaz de acessar o prato particular.

62
00:04:05,015 --> 00:04:07,680
Então, quando o prato é clicado,

63
00:04:07,680 --> 00:04:10,080
em vez de fazer este clique aqui,

64
00:04:10,080 --> 00:04:13,490
então eu vou remover este clique aqui, e em vez disso,

65
00:04:13,490 --> 00:04:23,940
Eu vou definir um novo parâmetro aqui chamado RouterLink.

66
00:04:25,790 --> 00:04:30,710
Você verá o uso do RouterLink aqui.

67
00:04:30,710 --> 00:04:37,460
Agora, este RouterLink leva em valores que você pode fornecer em seu modelo como este.

68
00:04:37,460 --> 00:04:42,190
Então, você pode fornecer isso como uma matriz aqui.

69
00:04:42,190 --> 00:04:49,550
Dentro da matriz, você pode fornecer duas partes de uma matriz.

70
00:04:49,550 --> 00:04:51,195
Então, dishdetail.

71
00:04:51,195 --> 00:04:55,360
Então, você viu que quando eu defini a rota, eu disse “/dishdetail/:id.”

72
00:04:56,560 --> 00:05:03,320
Então, o roteador Angular passará em qualquer parâmetro que eu fornecer

73
00:05:03,320 --> 00:05:09,340
aqui como parte da segunda parte desse URL lá.

74
00:05:09,340 --> 00:05:11,700
Então, agora, junto com o detalhe do prato,

75
00:05:11,700 --> 00:05:15,820
Eu vou construir meu RouterLink usando o detalhe do prato,

76
00:05:15,820 --> 00:05:19,165
e também o ID do prato aqui.

77
00:05:19,165 --> 00:05:22,580
Então, este ID prato referem-se ao prato específico que eu tenho

78
00:05:22,580 --> 00:05:26,710
selecionado a partir da matriz de pratos aqui.

79
00:05:26,710 --> 00:05:27,950
Então, esse ID do prato,

80
00:05:27,950 --> 00:05:29,830
Eu tenho acesso a ele aqui.

81
00:05:29,830 --> 00:05:38,120
Então, eu vou usar isso como a segunda parte dentro desta matriz de parâmetros,

82
00:05:38,120 --> 00:05:41,025
que eu vou passar para o meu RouterLink aqui.

83
00:05:41,025 --> 00:05:42,970
Então, se eu defini-lo assim,

84
00:05:42,970 --> 00:05:48,270
então, quando eu clicar nesse item específico no meu menu,

85
00:05:48,270 --> 00:05:51,030
então que detalhado, o ID do prato,

86
00:05:51,030 --> 00:05:53,385
juntamente com este dishdetail,

87
00:05:53,385 --> 00:05:55,285
será passado como o link do roteador.

88
00:05:55,285 --> 00:05:59,765
Então, essa informação ficará disponível através do

89
00:05:59,765 --> 00:06:04,600
meus Roteadores angulares para meus componentes de detalhe prato.

90
00:06:04,600 --> 00:06:09,850
Então, o roteador permite que o componente de detalhe prato recupere esse valor,

91
00:06:09,850 --> 00:06:15,060
dish ID, da rota Angular quando essa informação é passada para ele.

92
00:06:15,060 --> 00:06:16,880
Como fazemos isso? Para isso,

93
00:06:16,880 --> 00:06:22,670
precisamos ir para o componente de detalhes do prato e corrigir isso para receber essa informação.

94
00:06:22,670 --> 00:06:27,945
Então, depois de fazer essas alterações no componente de menu,

95
00:06:27,945 --> 00:06:34,090
vamos agora mudar para o componente de detalhe do prato.

96
00:06:34,300 --> 00:06:37,610
Dentro do componente detalhe prato,

97
00:06:37,610 --> 00:06:39,950
você vê que atualmente,

98
00:06:39,950 --> 00:06:43,670
eu estava recebendo o prato como uma entrada aqui.

99
00:06:43,670 --> 00:06:46,655
Eu não vou mais receber os pratos e entradas.

100
00:06:46,655 --> 00:06:50,295
Então, vou deixar isso como tal,

101
00:06:50,295 --> 00:06:51,910
como simplesmente um prato.

102
00:06:51,910 --> 00:06:58,220
Eu não preciso mais da entrada porque eu não estou passando nesta informação usando o prato,

103
00:06:58,220 --> 00:07:01,625
entre colchetes que eu incluí no meu componente de menu.

104
00:07:01,625 --> 00:07:07,550
Em vez disso, esta informação sobre os pratos específicos que vêm através do roteador Angular.

105
00:07:07,550 --> 00:07:11,595
Como faço para obter acesso a esse ID do prato?

106
00:07:11,595 --> 00:07:13,050
Então, para fazer isso,

107
00:07:13,050 --> 00:07:14,870
eu vou aqui.

108
00:07:14,870 --> 00:07:24,720
Nesta aplicação, vou adicionar mais duas importações aqui,

109
00:07:24,720 --> 00:07:27,480
uma delas chamada Params.

110
00:07:27,480 --> 00:07:30,560
Então, este Params me dá acesso a

111
00:07:30,560 --> 00:07:35,315
os parâmetros do roteador que estão disponíveis quando eu entrar.

112
00:07:35,315 --> 00:07:42,855
Então, este é do roteador Angular, Params,

113
00:07:42,855 --> 00:07:51,510
e também outro que eu preciso é o Local.

114
00:07:51,510 --> 00:07:57,710
Localização permite-me rastrear a localização de

115
00:07:57,710 --> 00:08:04,060
minha página no histórico do meu navegador.

116
00:08:04,060 --> 00:08:11,185
Então, isso seria útil para mim para navegar de volta do meu detalhe prato quando eu preciso.

117
00:08:11,185 --> 00:08:14,440
Você vai me ver usando isso um pouco mais tarde.

118
00:08:14,440 --> 00:08:19,255
Então, duas coisas que eu preciso importar: Params e Localização.

119
00:08:19,255 --> 00:08:23,799
Vamos ver como fazemos uso desses dois em nossa aplicação.

120
00:08:23,799 --> 00:08:25,430
Então, junto com isso,

121
00:08:25,430 --> 00:08:29,420
vamos entrar e aqui, para o construtor,

122
00:08:29,420 --> 00:08:39,320
agora notamos que o valor do prato não está disponível no meu componente de menu.

123
00:08:39,320 --> 00:08:43,650
Mas em vez disso, eu tenho que ir explicitamente e buscar isso do DishService.

124
00:08:43,650 --> 00:08:45,405
Então, eu vou importar

125
00:08:45,405 --> 00:08:56,020
o DishService também para o meu componente detalhe prato.

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

127
00:09:03,960 --> 00:09:09,820
Então, isso me permitirá ir buscar um prato específico do Serviço de Prato.

128
00:09:09,820 --> 00:09:11,930
Então, você se lembra que já temos

129
00:09:11,930 --> 00:09:15,855
o método GetDish e o serviço Dish que podemos usar.

130
00:09:15,855 --> 00:09:20,320
Agora, a próxima coisa importante para nós é pegar o id do prato.

131
00:09:20,320 --> 00:09:22,800
Agora, como podemos obter o id do prato.

132
00:09:22,800 --> 00:09:25,665
Então, aqui é onde no construtor.

133
00:09:25,665 --> 00:09:29,075
Agora, eu preciso fazer todos esses serviços disponíveis,

134
00:09:29,075 --> 00:09:31,230
então eu vou dizer Dish Service.

135
00:09:31,230 --> 00:09:46,250
Em seguida, o outro é Localização.

136
00:09:46,270 --> 00:09:51,275
Então, Localização é outro serviço que está disponível para mim.

137
00:09:51,275 --> 00:09:56,010
Então, ambos serão usados dentro do meu aplicativo.

138
00:09:56,010 --> 00:09:59,325
Então, quando este componente prato é inicializado,

139
00:09:59,325 --> 00:10:01,890
então neste ponto no NGoninit,

140
00:10:01,890 --> 00:10:08,490
Eu posso ir e buscar a informação sobre o prato específico dos Params.

141
00:10:08,490 --> 00:10:13,120
Então, como fazemos isso? Então, nós deixamos id.

142
00:10:13,120 --> 00:10:15,800
Então, este é o lugar onde eu vou buscar o id,

143
00:10:15,800 --> 00:10:19,370
então eu diria mais isso.

144
00:10:19,370 --> 00:10:23,760
Também para buscar o valor da rota,

145
00:10:23,760 --> 00:10:30,565
Preciso injetar outro serviço chamado serviço ActivatedRoute.

146
00:10:30,565 --> 00:10:32,740
Isso faz parte dos roteadores angulares.

147
00:10:32,740 --> 00:10:39,970
Portanto, este serviço ActivatedRoute dá-me acesso à rota aqui.

148
00:10:39,970 --> 00:10:41,940
Então, eu diria,

149
00:10:41,940 --> 00:10:47,770
assim junto com o DishService eu também preciso definir um mais chamado

150
00:10:47,770 --> 00:10:54,305
como rota que seria o serviço ActivatedRoute aqui.

151
00:10:54,305 --> 00:10:56,890
Então, todos esses três estarão disponíveis para mim.

152
00:10:56,890 --> 00:11:00,265
Então, ali mesmo, Eu posso pedir por

153
00:11:00,265 --> 00:11:10,840
esta rota, Snapshot, Params.

154
00:11:10,840 --> 00:11:18,500
Este Params é um array para

155
00:11:18,500 --> 00:11:25,760
que eu posso indexar usando o id como o valor, então Params id.

156
00:11:25,760 --> 00:11:30,340
Isso me busca o id do parâmetro.

157
00:11:30,340 --> 00:11:34,750
Então, quando eu definir esse URL,

158
00:11:34,750 --> 00:11:41,070
o URL para isso seria definido como Dishdetail.

159
00:11:41,070 --> 00:11:43,320
Por exemplo, DishDetail 0,

160
00:11:43,320 --> 00:11:47,760
DishDetail 1, DishDetail 2 e assim por diante.

161
00:11:47,760 --> 00:11:54,060
Então, é assim que as URLs para esses componentes serão definidas lá.

162
00:11:54,060 --> 00:11:56,520
Então, esse valor eu vou buscar aqui.

163
00:11:56,520 --> 00:11:59,950
Agora, uma vez que eu me apossar da idéia do prato, então eu posso dizer,

164
00:11:59,950 --> 00:12:08,125
este prato igual a DishService

165
00:12:08,125 --> 00:12:17,915
e obter prato eo GetDish vai tomar o id como o parâmetro aqui.

166
00:12:17,915 --> 00:12:22,825
Então, com isso, quando eu clicar em um prato no meu componente de menu,

167
00:12:22,825 --> 00:12:26,410
esse link que eu tenho o link do roteador que eu tenho configurado lá,

168
00:12:26,410 --> 00:12:31,770
passará o id do prato para o meu roteador como RouterParameter,

169
00:12:31,770 --> 00:12:34,525
e que ficará disponível para mim em

170
00:12:34,525 --> 00:12:40,380
meu componente DishDetail acessando o ActivatedRoute serviço aqui.

171
00:12:40,380 --> 00:12:42,515
Então, uma vez que eu me apossar dele,

172
00:12:42,515 --> 00:12:46,820
então eu posso usar esse valor para consultar o prato aqui.

173
00:12:46,820 --> 00:12:50,630
Agora, esta não é a maneira completa de fazer as coisas.

174
00:12:50,630 --> 00:12:53,080
Mais tarde, no próximo módulo,

175
00:12:53,080 --> 00:12:56,120
vamos usar algo chamado JavaScript reativo.

176
00:12:56,120 --> 00:12:59,640
Então, nesse ponto, voltarei para redefinir isso em

177
00:12:59,640 --> 00:13:04,870
de uma maneira diferente para que meu componente DishDetail possa manter o controle de

178
00:13:04,870 --> 00:13:09,120
todas as alterações que eu fizer no meu URL e

179
00:13:09,120 --> 00:13:14,515
alterar automaticamente as informações que estão sendo exibidas por esse componente.

180
00:13:14,515 --> 00:13:19,445
Chegaremos a isso em um dos exercícios posteriores no próximo módulo,

181
00:13:19,445 --> 00:13:23,890
mas isso funciona bem no momento, então vamos usar isso.

182
00:13:23,890 --> 00:13:27,070
Além disso, agora quando eu vou para os detalhes do prato

183
00:13:27,070 --> 00:13:30,335
Eu quero ser capaz de voltar para o menu do prato.

184
00:13:30,335 --> 00:13:36,135
Então, eu vou adicionar em um botão Voltar no meu cartão um botão Voltar no meu cartão,

185
00:13:36,135 --> 00:13:41,905
que quando pressionado vai me levar de volta para o local anterior no meu navegador.

186
00:13:41,905 --> 00:13:48,230
Então, para fazer isso eu vou adicionar em um método aqui chamado goBack,

187
00:13:50,020 --> 00:13:57,280
que essencialmente fará uso

188
00:13:57,280 --> 00:14:03,735
do serviço de localização que eu incluí aqui.

189
00:14:03,735 --> 00:14:09,300
O serviço Localização fornece um método chamado Voltar que me permite voltar

190
00:14:09,300 --> 00:14:15,000
para o item anterior no histórico do navegador.

191
00:14:15,000 --> 00:14:19,890
Então, dessa forma, eu vou navegar de volta para o menu a partir dos detalhes aqui.

192
00:14:19,890 --> 00:14:22,430
Então, este método GoBack é adicionado aqui.

193
00:14:22,430 --> 00:14:28,160
Agora, precisamos ir e corrigir o componente DishDetail aqui.

194
00:14:28,160 --> 00:14:32,390
Então, no arquivo de modelo de componentes DishDetail,

195
00:14:32,390 --> 00:14:36,950
aqui temos dois botões que são como e botão Compartilhar.

196
00:14:36,950 --> 00:14:40,040
Vou adicionar mais um botão aqui.

197
00:14:42,920 --> 00:14:47,155
Para este botão, eu adicionaria,

198
00:14:47,155 --> 00:14:49,220
se este botão for clicado,

199
00:14:49,220 --> 00:14:55,330
isso resultará em uma chamada para o método goBack que eu

200
00:14:55,330 --> 00:15:03,430
adicionei ao meu component.tsfile DishDetail.

201
00:15:03,430 --> 00:15:10,555
Então, este seria um botão Voltar lá.

202
00:15:10,555 --> 00:15:12,625
Enquanto estamos nisso,

203
00:15:12,625 --> 00:15:16,540
nós podemos muito bem corrigir os componentes de rodapé links também.

204
00:15:16,540 --> 00:15:22,645
Então, indo para o arquivo footercomponent.htmlna parte inferior aqui onde temos esses links,

205
00:15:22,645 --> 00:15:29,785
Eu vou adicionar no RouterLink aqui com

206
00:15:29,785 --> 00:15:38,110
o parâmetro home para o primeiro,

207
00:15:38,110 --> 00:15:47,390
e depois menu para o segundo,

208
00:15:51,240 --> 00:16:00,330
e entre em contato conosco para o terceiro no rodapé aqui.

209
00:16:00,330 --> 00:16:02,710
Vamos salvar as alterações.

210
00:16:02,710 --> 00:16:04,785
Indo para o seu aplicativo,

211
00:16:04,785 --> 00:16:06,615
se você agora clicar no menu,

212
00:16:06,615 --> 00:16:09,195
os itens de menu são mostrados aqui.

213
00:16:09,195 --> 00:16:11,895
Se clicarmos em qualquer um dos itens do menu,

214
00:16:11,895 --> 00:16:20,585
você notaria que os detalhes do prato são mostrados em uma vista separada aqui.

215
00:16:20,585 --> 00:16:22,900
Este detalhe, como você pode ver,

216
00:16:22,900 --> 00:16:26,450
isso é exatamente o que o componente DishDetail estava exibindo anteriormente,

217
00:16:26,450 --> 00:16:29,620
mas na parte inferior do menu no componente menu,

218
00:16:29,620 --> 00:16:33,260
agora temos que exibir em uma exibição separada.

219
00:16:33,260 --> 00:16:35,760
Agora, este componente DishDetail,

220
00:16:35,760 --> 00:16:39,290
agora você pode voltar ao menu clicando no botão Voltar.

221
00:16:39,290 --> 00:16:40,670
Então, quando você clica no botão Voltar,

222
00:16:40,670 --> 00:16:41,690
você está de volta ao menu.

223
00:16:41,690 --> 00:16:43,490
Quando você clica em outro item,

224
00:16:43,490 --> 00:16:47,575
você vê que os detalhes desse item específico está sendo exibido aqui,

225
00:16:47,575 --> 00:16:51,560
da mesma forma para o terceiro também e então você pode voltar.

226
00:16:51,560 --> 00:16:54,645
Agora, quando você clica em qualquer um desses itens,

227
00:16:54,645 --> 00:17:02,780
anote o valor da URL na barra de endereço.

228
00:17:02,780 --> 00:17:08,565
Então, este é o host local 4,200 barra DishDetail barra 0.

229
00:17:08,565 --> 00:17:12,080
Este zero é o id deste prato.

230
00:17:12,080 --> 00:17:14,630
Então, esse valor está sendo passado,

231
00:17:14,630 --> 00:17:19,985
e é assim que o componente DishDetail aqui está sendo mostrado aqui, volte.

232
00:17:19,985 --> 00:17:21,540
Quando você clica no outro item,

233
00:17:21,540 --> 00:17:27,750
você pode ver que agora nas URLs diz, DishDetail barra 1.

234
00:17:27,750 --> 00:17:29,750
Da mesma forma, para o quarto,

235
00:17:29,750 --> 00:17:33,390
diz DishDetail barra 3, e assim por diante.

236
00:17:33,390 --> 00:17:37,560
Então, esse valor de parâmetro é aquele que indica para

237
00:17:37,560 --> 00:17:41,210
o componente DishDetail qual prato particular

238
00:17:41,210 --> 00:17:44,235
deve ser mostrado pelo componente DishDetail.

239
00:17:44,235 --> 00:17:49,250
Isso é o que está sendo usado pelo componente DishDetail para recuperar as informações sobre

240
00:17:49,250 --> 00:17:55,045
esse prato específico do DishService usando o método GetDish,

241
00:17:55,045 --> 00:18:01,715
e, em seguida, essas informações estão sendo exibidas na exibição do componente DishDetail.

242
00:18:01,715 --> 00:18:03,675
Então, agora neste exercício,

243
00:18:03,675 --> 00:18:09,575
nós aprendemos como podemos usar RouteParameters para passar informações para um componente,

244
00:18:09,575 --> 00:18:14,804
e, em seguida, o componente obter acesso ao parâmetro e, em seguida, usa esse RouteParameter

245
00:18:14,804 --> 00:18:18,320
para decidir a forma como ele renderiza

246
00:18:18,320 --> 00:18:22,850
a exibição ou buscar as informações e renderizar a vista em conformidade.

247
00:18:22,850 --> 00:18:26,385
Com isso, completamos este exercício.

248
00:18:26,385 --> 00:18:31,490
Nós já quase concluímos a construção do nosso aplicativo de página única

249
00:18:31,490 --> 00:18:37,145
para o aplicativo de restaurante que temos trabalhado até agora.

250
00:18:37,145 --> 00:18:40,815
Este é um bom momento para você fazer um commit git com a mensagem,

251
00:18:40,815 --> 00:18:44,060
Aplicativo de página única parte 2.