1
00:00:03,450 --> 00:00:08,610
En este ejercicio, vamos a hacer uso del Angular HTTP Client to

2
00:00:08,610 --> 00:00:13,870
comunicarse con el servidor JSON que ya hemos configurado en el ejercicio anterior.

3
00:00:13,870 --> 00:00:21,270
Ahora podremos descargar datos desde el servidor a nuestra aplicación angular usando

4
00:00:21,270 --> 00:00:25,200
el cliente HTTP y luego hacer uso de los datos con el fin de

5
00:00:25,200 --> 00:00:29,755
construir las diversas vistas dentro de nuestros componentes.

6
00:00:29,755 --> 00:00:34,050
En este ejercicio, vamos a reconfigurar el servicio de plato para poder

7
00:00:34,050 --> 00:00:38,960
ir y buscar los datos sobre los platos desde el servidor JSON.

8
00:00:38,960 --> 00:00:40,545
Como parte de tu tarea,

9
00:00:40,545 --> 00:00:41,920
completarás los dos restantes,

10
00:00:41,920 --> 00:00:44,735
el servicio líder y el servicio de promoción.

11
00:00:44,735 --> 00:00:51,810
Veremos cómo podemos aprovechar el cliente HTTP que nos devolverá un observable.

12
00:00:51,810 --> 00:00:55,580
Ya hemos reconfigurado nuestra aplicación,

13
00:00:55,580 --> 00:01:02,530
especialmente el servicio para poder entregar observables a nuestros componentes.

14
00:01:02,530 --> 00:01:07,070
Dentro de nuestros componentes, nos suscribimos a estos observables.

15
00:01:07,070 --> 00:01:10,745
Por lo tanto, la mayor parte de la configuración

16
00:01:10,745 --> 00:01:15,310
para obtener datos del servicio al componente ya está allí.

17
00:01:15,310 --> 00:01:22,195
Lo mejoraremos un poco para lidiar con errores en el próximo ejercicio.

18
00:01:22,195 --> 00:01:27,290
Nuestro primer paso en la preparación de la aplicación Angular para usar

19
00:01:27,290 --> 00:01:31,040
el cliente HTTP para acceder al servidor es

20
00:01:31,040 --> 00:01:35,005
configurar nuestra aplicación con el HttpClientModule.

21
00:01:35,005 --> 00:01:38,505
Entonces, para hacer eso, abra app.module.ts.

22
00:01:38,505 --> 00:01:42,030
Entonces, aquí, importemos

23
00:01:42,030 --> 00:01:57,460
el HttpClientModule desde Angular/common/HTTP.

24
00:02:00,410 --> 00:02:02,700
Una vez que importemos eso,

25
00:02:02,700 --> 00:02:06,625
continuaremos y configuraremos el decorador ngModule

26
00:02:06,625 --> 00:02:12,510
en las importaciones con el HttpClientModule.

27
00:02:14,890 --> 00:02:23,640
Ahora, nuestra aplicación está lista para hacer uso del HttpClientModule para acceder al servidor.

28
00:02:23,640 --> 00:02:28,880
Ahora, asegúrese de que el servidor JSON esté en funcionamiento y

29
00:02:28,880 --> 00:02:31,190
sirviendo los datos para que nuestra aplicación pueda

30
00:02:31,190 --> 00:02:34,520
comunicarse con la aplicación del servidor JSON.

31
00:02:34,520 --> 00:02:39,055
Ahora que estamos accediendo a los datos desde el lado del servidor,

32
00:02:39,055 --> 00:02:46,220
es una buena práctica crear un valor especial que apunte a

33
00:02:46,220 --> 00:02:50,840
el BaseURL de su servidor para

34
00:02:50,840 --> 00:02:55,845
que pueda configurarse dentro de su aplicación angular como y cuando sea necesario.

35
00:02:55,845 --> 00:02:58,325
Así que, yendo a la carpeta compartida,

36
00:02:58,325 --> 00:03:05,345
voy a crear un nuevo archivo aquí llamado baseurl.ts.

37
00:03:05,345 --> 00:03:07,055
Luego, dentro de este archivo,

38
00:03:07,055 --> 00:03:15,995
incluiré una constante y la exportaré y la constante llamada baseURL,

39
00:03:15,995 --> 00:03:24,355
que configuraré en HTTP: //localhost:3000.

40
00:03:24,355 --> 00:03:31,455
Entonces, como recordarán, este es el BaseURL en el que se puede acceder a mi servidor JSON.

41
00:03:31,455 --> 00:03:35,665
Entonces, localhost: 3000/, allí.

42
00:03:35,665 --> 00:03:37,565
Así que, con esto,

43
00:03:37,565 --> 00:03:40,210
déjame guardar los cambios en el BaseURL.

44
00:03:40,210 --> 00:03:47,105
Ahora, angular proporciona una forma de proporcionar valores como

45
00:03:47,105 --> 00:03:54,990
esto al resto de su aplicación configurando un proveedor dentro de su módulo de aplicación.

46
00:03:54,990 --> 00:03:57,510
Así que, yendo al módulo de la aplicación,

47
00:03:57,510 --> 00:04:04,545
para permitirnos proporcionar ese BaseURL en particular,

48
00:04:04,545 --> 00:04:10,870
vamos a importar primero el valor BaseURL en nuestra aplicación angular.

49
00:04:10,870 --> 00:04:27,380
Entonces, yo diría importar BaseURL de compartido/baseurl.

50
00:04:27,650 --> 00:04:31,790
Este valor ahora puede estar disponible para

51
00:04:31,790 --> 00:04:35,625
el resto de mi aplicación yendo a los proveedores.

52
00:04:35,625 --> 00:04:38,270
Luego, además del LeaderService,

53
00:04:38,270 --> 00:04:42,150
si configuro un valor como este,

54
00:04:42,150 --> 00:04:45,965
diría que proporciona

55
00:04:45,965 --> 00:04:56,070
y luego BaseURL, UseValue.

56
00:04:56,540 --> 00:05:03,355
Entonces, de esta manera, proporcionaré este valor BaseURL como

57
00:05:03,355 --> 00:05:11,310
un proveedor de valores desde el módulo de la aplicación al resto de mi aplicación angular.

58
00:05:11,310 --> 00:05:12,835
En el siguiente paso,

59
00:05:12,835 --> 00:05:19,400
vamos a configurar nuestro DishService para que pueda acceder al lado del servidor,

60
00:05:19,400 --> 00:05:21,830
y luego obtener los datos del lado del servidor,

61
00:05:21,830 --> 00:05:25,475
y luego poner los datos a disposición de nuestros componentes.

62
00:05:25,475 --> 00:05:30,170
Ahora, vamos a ir a DishService.

63
00:05:30,170 --> 00:05:32,140
Luego, en el DishService,

64
00:05:32,140 --> 00:05:37,790
estos platos ya no son necesarios del archivo local allí.

65
00:05:37,790 --> 00:05:40,970
Voy a descargar esos datos desde el lado del servidor.

66
00:05:40,970 --> 00:05:46,475
Entonces, voy a eliminar eso y luego agregar una importación

67
00:05:46,475 --> 00:05:55,460
de HttpClient desde angular,

68
00:05:55,460 --> 00:06:00,150
cada HTTP común,

69
00:06:01,240 --> 00:06:10,130
importar el BaseURL desde,

70
00:06:10,130 --> 00:06:19,015
recordar que esto está en compartido/baseurl.

71
00:06:19,015 --> 00:06:21,715
Ahora, dentro de mi DishService,

72
00:06:21,715 --> 00:06:24,960
voy a ir y buscar los datos del lado del servidor.

73
00:06:24,960 --> 00:06:27,510
Entonces, en el constructor,

74
00:06:27,510 --> 00:06:31,740
voy a actualizar el constructor

75
00:06:32,260 --> 00:06:39,615
inyectando HttpClient en mi constructor aquí.

76
00:06:39,615 --> 00:06:45,275
Entonces, ahora, mi DishService debe configurarse para

77
00:06:45,275 --> 00:06:50,990
obtener los datos del lado del servidor y devolver los datos a mi aplicación.

78
00:06:50,990 --> 00:06:52,340
Ahora, observa que

79
00:06:52,340 --> 00:06:56,915
el método GetDRIves ya está configurado para devolver el observable al componente.

80
00:06:56,915 --> 00:06:58,980
Entonces, esa parte ya está configurada.

81
00:06:58,980 --> 00:07:06,080
Ahora, lo que esto va a devolver es lo que obtiene de

82
00:07:06,080 --> 00:07:13,230
el método HTTP get

83
00:07:13,230 --> 00:07:17,760
que llamaremos el lado del servidor.

84
00:07:17,760 --> 00:07:21,015
Así que, con el fin de llamar al lado del servidor,

85
00:07:21,015 --> 00:07:23,775
tendré que suministrar,

86
00:07:23,775 --> 00:07:25,395
dentro del método get,

87
00:07:25,395 --> 00:07:30,750
el BaseURL que he

88
00:07:30,750 --> 00:07:36,020
ya obtenido, y luego platos.

89
00:07:36,020 --> 00:07:44,000
Entonces, de esta manera, el método HTTP get obtendrá los datos de localhost: 3000/platos.

90
00:07:44,610 --> 00:07:49,760
Entonces, esa es la URL del lado del servidor de

91
00:07:49,760 --> 00:07:54,995
que puede obtener los datos de los platos aquí. Eso es todo.

92
00:07:54,995 --> 00:08:01,430
Mi servidor va a proporcionar los datos en forma de un

93
00:08:01,430 --> 00:08:07,660
observable a este servicio cuando se llame al método HTTP get,

94
00:08:07,660 --> 00:08:14,495
y que será devuelto al componente a través del método GetDices.

95
00:08:14,495 --> 00:08:19,580
Eso es todo. Ahora, mi servicio está configurado para ir y

96
00:08:19,580 --> 00:08:24,525
recupera los datos del lado del servidor y luego devuelve los datos a mi componente.

97
00:08:24,525 --> 00:08:29,670
Voy a actualizar los métodos restantes también de manera similar.

98
00:08:29,670 --> 00:08:36,230
Entonces, lo que haré para el siguiente método para el método getDish es,

99
00:08:36,230 --> 00:08:38,760
voy a copiar

100
00:08:39,190 --> 00:08:48,015
esta parte y luego simplemente pegarla en su lugar aquí,

101
00:08:48,015 --> 00:08:49,890
y luego editaremos eso.

102
00:08:49,890 --> 00:08:54,830
Ahora, cuando necesitas obtener para un plato en particular,

103
00:08:54,830 --> 00:08:58,865
tienes el ID del plato que está disponible para ti.

104
00:08:58,865 --> 00:09:03,870
Por lo tanto, diremos que GetDish ID está disponible como un parámetro.

105
00:09:03,870 --> 00:09:05,745
Entonces, a los platos,

106
00:09:05,745 --> 00:09:10,130
voy a agregar la ID como el otro parámetro aquí.

107
00:09:10,130 --> 00:09:13,250
Ahora, cuando recibo la respuesta y luego la devuelvo

108
00:09:13,250 --> 00:09:18,905
al componente a través de la llamada al método getDish.

109
00:09:18,905 --> 00:09:21,470
Del mismo modo, para el plato destacado,

110
00:09:21,470 --> 00:09:26,355
va a ser una forma un poco interesante de configurarlo.

111
00:09:26,355 --> 00:09:28,945
Ahora, para el plato destacado,

112
00:09:28,945 --> 00:09:32,705
cuando necesita acceder a los datos desde el lado del servidor,

113
00:09:32,705 --> 00:09:34,785
lo que voy a hacer es, ahora,

114
00:09:34,785 --> 00:09:41,140
cuando pido un plato destacado, ahora,

115
00:09:41,140 --> 00:09:45,410
la forma en que mi lado del servidor está configurado es que puedo enviar

116
00:09:45,410 --> 00:09:51,580
un parámetro de consulta dentro de mi URL para que pueda decir platos?

117
00:09:51,580 --> 00:09:56,615
y luego decir destacado igual a verdadero.

118
00:09:56,615 --> 00:10:00,290
Entonces, de esta manera, mi servidor devolverá

119
00:10:00,290 --> 00:10:06,840
solo aquellos objetos para los que el indicador destacado está establecido en true,

120
00:10:06,840 --> 00:10:09,965
o la propiedad destacada está establecida en true en el lado del servidor.

121
00:10:09,965 --> 00:10:13,770
Ahora, así es como se configura el lado del servidor.

122
00:10:13,770 --> 00:10:15,670
Ahora, de nuevo, una vez que obtenga los datos,

123
00:10:15,670 --> 00:10:20,390
simplemente mapee el valor y luego devuelva eso como

124
00:10:20,390 --> 00:10:25,490
un observable a mi componente a través del método get featured dish.

125
00:10:25,490 --> 00:10:30,110
Cuando consulto el lado del servidor usando el parámetro de consulta,

126
00:10:30,110 --> 00:10:34,155
va a devolver una matriz de objetos que coinciden.

127
00:10:34,155 --> 00:10:39,350
En este caso, sucede que la matriz contendrá exactamente un elemento allí.

128
00:10:39,350 --> 00:10:44,230
Pero cuando devuelvo el valor después de obtener el resultado,

129
00:10:44,230 --> 00:10:51,865
también necesito incluir un cero allí porque esto es una matriz,

130
00:10:51,865 --> 00:10:55,460
, así que necesito devolver el primer elemento de la matriz.

131
00:10:55,460 --> 00:11:00,050
Antes de que lo olvide, permítanme importar

132
00:11:00,050 --> 00:11:10,770
el operador de mapa de los operadores rxjs.

133
00:11:10,770 --> 00:11:14,200
Ahora, para el último, GetDisHIDs,

134
00:11:14,200 --> 00:11:17,570
lo que voy a hacer es aprovechar el hecho de que ya

135
00:11:17,570 --> 00:11:27,340
tengo el método GetDishIDs disponible para mí.

136
00:11:27,340 --> 00:11:31,705
Entonces, cuando regrese el método GetDish,

137
00:11:31,705 --> 00:11:37,610
voy a mapear eso con el operador de mapa

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

139
00:12:00,475 --> 00:12:07,105
Entonces, de esta manera, estoy devolviendo solo el valor que necesito,

140
00:12:07,105 --> 00:12:10,840
solo los identificadores de plato a través de este método aquí.

141
00:12:10,840 --> 00:12:12,765
Eso es todo.

142
00:12:12,765 --> 00:12:19,410
Ahora, mi servicio de plato está completamente actualizado para ir y buscar los datos de

143
00:12:19,410 --> 00:12:27,840
el sitio del servidor y luego suministrar los datos a mis componentes en mi.

144
00:12:27,840 --> 00:12:30,230
Aplicación angular aquí.

145
00:12:30,230 --> 00:12:31,775
En el siguiente paso,

146
00:12:31,775 --> 00:12:34,645
voy a entrar en el componente de menú.

147
00:12:34,645 --> 00:12:37,085
Luego, dentro del componente de menú,

148
00:12:37,085 --> 00:12:45,400
voy a usar la interfaz de inyección que está disponible a través de

149
00:12:45,400 --> 00:12:53,900
el núcleo angular para inyectar este BaseURL que he obtenido allí.

150
00:12:53,900 --> 00:12:56,340
Entonces, ¿cómo hacemos uso de eso?

151
00:12:56,340 --> 00:13:00,665
Dentro del constructor de mi componente,

152
00:13:00,665 --> 00:13:03,530
entraré y diré,

153
00:13:05,520 --> 00:13:12,910
"@Inject" Entonces, recordemos que habíamos configurado

154
00:13:12,910 --> 00:13:20,675
este BaseURL como proveedor de este valor en el módulo de la aplicación anterior.

155
00:13:20,675 --> 00:13:27,425
Entonces, ese BaseURL ahora se puede inyectar en el componente como este aquí.

156
00:13:27,425 --> 00:13:29,120
Ahora, cuando tienes un servicio,

157
00:13:29,120 --> 00:13:31,170
estás inyectando servicios como este aquí,

158
00:13:31,170 --> 00:13:32,875
pero cuando tienes un valor,

159
00:13:32,875 --> 00:13:38,050
entonces inyectas el valor usando el decorador "@Inject".

160
00:13:38,050 --> 00:13:45,935
Aquí, estamos especificando el valor del proveedor que especificamos allí.

161
00:13:45,935 --> 00:13:48,720
Dijimos, proporcionar:BaseURL allí,

162
00:13:48,720 --> 00:13:50,580
así que ese es el valor que estamos suministrando aquí.

163
00:13:50,580 --> 00:13:53,470
Entonces, estoy declarando esto como BaseURL privado.

164
00:13:53,470 --> 00:13:55,660
Así que ahora, dentro de mi código aquí,

165
00:13:55,660 --> 00:14:02,910
este BaseURL está disponible para configurar lo que necesite dentro de mi aplicación aquí.

166
00:14:02,910 --> 00:14:04,985
Mientras todavía estoy aquí,

167
00:14:04,985 --> 00:14:14,450
voy a quitar este plato seleccionado que tampoco se está utilizando dentro de mi aplicación.

168
00:14:15,300 --> 00:14:21,190
Entonces, este método tampoco estoy usando con mi aplicación,

169
00:14:21,190 --> 00:14:25,085
, así que déjame hacer un poco de limpieza mientras todavía estoy aquí.

170
00:14:25,085 --> 00:14:27,925
La forma en que procesamos los datos que obtuvimos

171
00:14:27,925 --> 00:14:30,635
del servicio seguirá siendo exactamente la misma.

172
00:14:30,635 --> 00:14:34,565
Debido a que mi servicio todavía está regresando y observable,

173
00:14:34,565 --> 00:14:38,055
y me estoy suscribiendo a lo observable dentro de este componente.

174
00:14:38,055 --> 00:14:40,765
Entonces, esa parte no cambia en absoluto.

175
00:14:40,765 --> 00:14:47,645
Ahora, la razón por la que inyecto el BaseURL dentro de mi componente es que,

176
00:14:47,645 --> 00:14:50,935
en mi plantilla aquí,

177
00:14:50,935 --> 00:14:53,985
estoy obteniendo la imagen del plato aquí.

178
00:14:53,985 --> 00:15:00,625
Ahora, pero esta imagen de plato debe obtenerse de mi servidor allí,

179
00:15:00,625 --> 00:15:03,270
desde el servidor JSON allí.

180
00:15:03,270 --> 00:15:08,800
Entonces, necesito entrar y luego actualizar esta fuente para decir,

181
00:15:08,800 --> 00:15:13,020
BaseURL más imagen del plato.

182
00:15:13,020 --> 00:15:18,180
Entonces, necesito proporcionar la URL completa para esa imagen allí.

183
00:15:18,180 --> 00:15:26,995
Entonces, eso debería ser, httlp: // localhost: 3000/images/, lo que sea.

184
00:15:26,995 --> 00:15:29,640
Entonces, esa es la razón por la que necesito proporcionar

185
00:15:29,640 --> 00:15:34,605
el valor BaseURL además de la imagen del plato aquí.

186
00:15:34,605 --> 00:15:37,470
Entonces, esto voy a incluir entre comillas,

187
00:15:37,470 --> 00:15:43,395
para que esa es la forma en que una expresión como esta dentro de la interpolación funcione correctamente.

188
00:15:43,395 --> 00:15:48,935
Entonces, encierre esto entre comillas y luego proporcione eso como el valor fuente,

189
00:15:48,935 --> 00:15:54,730
y luego aquí verá que está usando BaseURL más la imagen del plato,

190
00:15:54,730 --> 00:16:00,725
el dish.image, la propiedad de la imagen contiene solo la URL parcial.

191
00:16:00,725 --> 00:16:05,645
Por lo tanto, contiene imágenes barra diagonal y nombre de archivo image.png.

192
00:16:05,645 --> 00:16:14,640
Entonces, es por eso que necesito agregar el http://localhost:3000/,

193
00:16:14,640 --> 00:16:23,220
a esa propiedad de imagen de plato para que construya la URL total para mi imagen.

194
00:16:23,220 --> 00:16:27,385
Entonces, con esto, mi componente de menú ahora está completamente configurado

195
00:16:27,385 --> 00:16:32,000
para obtener todos los datos del lado del servidor.

196
00:16:32,000 --> 00:16:37,100
Ahora, de manera similar, sugeriría que actualice

197
00:16:37,100 --> 00:16:43,440
el componente de detalle del plato y también el componente doméstico.

198
00:16:43,440 --> 00:16:45,790
Al ir al componente de detalle del plato,

199
00:16:45,790 --> 00:16:48,050
usa el inyecto allí,

200
00:16:48,050 --> 00:16:52,885
y luego yendo al constructor,

201
00:16:52,885 --> 00:16:57,685
en el constructor, ahora necesito usar

202
00:16:57,685 --> 00:17:13,690
inyecte de BaseURL y BaseURL allí,

203
00:17:13,690 --> 00:17:24,185
y así, mi componente de detalle del plato ahora está configurado para obtener los datos del servicio de plato.

204
00:17:24,185 --> 00:17:26,620
Entonces, esta parte ya no cambiará,

205
00:17:26,620 --> 00:17:29,780
sigue siendo exactamente lo mismo porque mi servicio de plato es simplemente

206
00:17:29,780 --> 00:17:34,395
devolviendo un observable y estoy suscribiendo a ese observable aquí.

207
00:17:34,395 --> 00:17:40,065
También necesito actualizar el archivo de plantilla de componentes de detalle del plato,

208
00:17:40,065 --> 00:17:43,310
de manera similar yendo a la fuente de la imagen aquí,

209
00:17:43,310 --> 00:17:52,645
agregaría el BaseURL más la imagen del plato y luego lo pondría dentro de las citas allí.

210
00:17:52,645 --> 00:17:57,565
Del mismo modo, yendo al componente de inicio, lo mismo.

211
00:17:57,565 --> 00:18:02,830
Voy a hacer una inyección,

212
00:18:02,830 --> 00:18:09,320
y en el constructor

213
00:18:10,860 --> 00:18:18,080
hago una inyección de BaseURL,

214
00:18:22,380 --> 00:18:27,640
e ir al archivo de plantilla de componentes domésticos,

215
00:18:27,640 --> 00:18:33,480
de manera similar donde uso la imagen del plato aquí,

216
00:18:33,480 --> 00:18:39,700
así que voy a decir, BaseURL plus imagen del plato,

217
00:18:39,700 --> 00:18:44,815
y luego encerrar entre comillas aquí,

218
00:18:44,815 --> 00:18:48,530
y, a continuación, guarde los cambios.

219
00:18:52,230 --> 00:18:58,805
Así que, eso es todo. Mi aplicación ahora está actualizada para usar

220
00:18:58,805 --> 00:19:04,540
el servidor para obtener los datos de los platos.

221
00:19:04,540 --> 00:19:09,775
Entonces, vamos a ver la aplicación en el navegador.

222
00:19:09,775 --> 00:19:11,630
Ir al navegador,

223
00:19:11,630 --> 00:19:14,150
ahora puedes ver que dentro de mi navegador,

224
00:19:14,150 --> 00:19:18,480
mi plato se está renderizado exactamente como antes,

225
00:19:18,480 --> 00:19:20,920
y luego ir al componente de menú,

226
00:19:20,920 --> 00:19:26,380
ves que el menú se representa exactamente como antes y el componente de detalle del plato,

227
00:19:26,380 --> 00:19:31,935
también los detalles del plato se representan exactamente como antes.

228
00:19:31,935 --> 00:19:38,015
Entonces, con el cambio que hemos introducido accediendo a los datos desde el lado del servidor,

229
00:19:38,015 --> 00:19:41,075
somos capaces de recuperar los datos desde el lado del servidor y luego

230
00:19:41,075 --> 00:19:45,335
renderizar los datos dentro de nuestra aplicación Angular.

231
00:19:45,335 --> 00:19:51,365
Para convencerte de que los datos se están obteniendo realmente de mi servidor JSON,

232
00:19:51,365 --> 00:19:58,590
vamos a la terminal y luego veamos el registro en la ventana del terminal allí.

233
00:19:58,590 --> 00:20:03,620
Al ir a la terminal donde se ejecuta mi servidor JSON,

234
00:20:03,620 --> 00:20:08,625
puede ver que realmente he realizado un montón de solicitudes de Git

235
00:20:08,625 --> 00:20:14,030
desde mi sitio de servidor para obtener todos los datos que necesito dentro de mi aplicación.

236
00:20:14,030 --> 00:20:20,755
Entonces, de hecho, mi aplicación Angular ahora está obteniendo todos los datos de

237
00:20:20,755 --> 00:20:27,850
el sitio del servidor para todos los platos dentro de mi aplicación Angular.

238
00:20:27,850 --> 00:20:31,405
Ahora, puede utilizar el mismo enfoque para actualizar

239
00:20:31,405 --> 00:20:35,035
el último servicio y también el servicio de promoción,

240
00:20:35,035 --> 00:20:40,200
pero pospondremos eso hasta la asignación final en este curso,

241
00:20:40,200 --> 00:20:43,380
pero esto puede completar este ejercicio.

242
00:20:43,380 --> 00:20:46,920
En este ejercicio, hemos aprendido cómo hacer

243
00:20:46,920 --> 00:20:50,420
uso del cliente HTTP con el fin de obtener los datos de

244
00:20:50,420 --> 00:20:54,595
el sitio del servidor y luego utilizar los datos en la construcción

245
00:20:54,595 --> 00:20:59,525
las vistas dentro de los componentes de nuestra aplicación Angular.

246
00:20:59,525 --> 00:21:06,000
Este es un buen momento para que hagas una confirmación de Git con el mensaje HTTP parte uno.