1
00:00:02,390 --> 00:00:08,050
Ahora, por supuesto, las recetas deben mostrarse en la pantalla de categorías de comidas, que es la pantalla que

2
00:00:08,050 --> 00:00:09,850
estamos cargando cuando seleccionamos una

3
00:00:09,920 --> 00:00:14,030
categoría y, obviamente, para representar cualquier receta, las necesitamos, necesitamos recetas para las comidas,

4
00:00:14,030 --> 00:00:20,930
como también las llamo aquí y Comenzaré agregando un nuevo modelo, comida. js donde defino cómo debería ser

5
00:00:20,960 --> 00:00:23,880
una comida en esta aplicación.

6
00:00:23,890 --> 00:00:25,840
Ahora, esta definición adicional es opcional,

7
00:00:25,850 --> 00:00:30,060
pero creo que es un poco más fácil razonar sobre nuestros datos y su estructura.

8
00:00:30,230 --> 00:00:32,540
Así que configuraré una clase aquí y

9
00:00:32,690 --> 00:00:39,110
la exportaré y, en esa clase, agregaré un constructor que nos permita crear nuevas comidas preconfiguradas basadas en la estructura que

10
00:00:39,110 --> 00:00:41,090
estamos a punto de configurar aquí.

11
00:00:41,090 --> 00:00:44,540
Ahora, una comida será más compleja que una categoría, tendrá una

12
00:00:44,540 --> 00:00:45,710
ID pero también

13
00:00:46,100 --> 00:00:49,550
tendrá algunas ID de categoría a las que pertenece, por lo

14
00:00:49,550 --> 00:00:52,890
que múltiples categorías a las que puede pertenecer una comida.

15
00:00:52,970 --> 00:00:54,380
Tendrá un título, por

16
00:00:54,380 --> 00:00:55,280
lo que

17
00:00:55,280 --> 00:00:59,750
un nombre y luego tendrá algunos campos adicionales como la asequibilidad de una

18
00:01:00,200 --> 00:01:02,890
comida, por lo que es caro, ¿es barato?

19
00:01:03,290 --> 00:01:09,990
La complejidad, entonces, ¿qué tan complejo es hacer ese plato basado en esa receta? Un imageUrl que apunta a una imagen en la web

20
00:01:10,000 --> 00:01:15,950
donde tenemos una buena imagen de esa comida. La duración en minutos para crear

21
00:01:15,950 --> 00:01:23,470
esa comida, también los ingredientes que deberían ser una matriz, los pasos que debemos seguir para

22
00:01:23,570 --> 00:01:31,220
preparar esa comida, por lo que las instrucciones y luego cuatro campos que nos ayudan a filtrar,

23
00:01:31,820 --> 00:01:40,520
es GlutenFree, que marca si esto es gluten gratis o no, así que este será un booleano, isVegan, isVegetarian

24
00:01:42,620 --> 00:01:44,240
e isLactoseFree, estos

25
00:01:44,240 --> 00:01:48,590
son los cuatro campos que usaré en esta aplicación.

26
00:01:48,590 --> 00:01:53,350
Ahora, todos los datos que obtenemos aquí se almacenarán en

27
00:01:53,390 --> 00:02:02,000
propiedades, así que aquí estableceré esta ID igual a ID, esta ID de categoría igual a ID de categoría, este

28
00:02:02,000 --> 00:02:09,860
título igual a título, esta imagenUrl igual a imagenUrl y así por supuesto, así que solo almacena todos

29
00:02:09,890 --> 00:02:16,850
los argumentos que obtenemos en las propiedades de eso, el objeto al final se creará en

30
00:02:16,850 --> 00:02:18,850
función de la clase.

31
00:02:18,920 --> 00:02:28,250
Por lo tanto, también obtendremos nuestros pasos aquí, por supuesto, almacenaremos la duración, almacenaremos la complejidad, almacenaremos la asequibilidad

32
00:02:28,250 --> 00:02:36,260
aquí, por supuesto, en una propiedad, almacenaremos si esto es libre de gluten y también todos

33
00:02:36,260 --> 00:02:38,990
los demás filtros, por supuesto,

34
00:02:38,990 --> 00:02:48,770
por lo que es vegetariano, esto es vegetariano también debe almacenarse, por supuesto, y es sin lactosa, que también se

35
00:02:48,770 --> 00:02:52,150
almacenará y sí, con eso, estoy almacenando

36
00:02:52,170 --> 00:02:54,450
todos esos datos.

37
00:02:54,450 --> 00:03:00,890
Ahora podemos agregar algunos datos ficticios, algunas comidas ficticias y, por supuesto, las encontrará nuevamente.

38
00:03:01,020 --> 00:03:10,090
Todo lo que necesitas hacer en una información ficticia. El archivo js es importar comida desde la carpeta de modelos y allí, desde comida. js o simplemente de comida como

39
00:03:10,110 --> 00:03:16,320
esta y ahora adjunta en el archivo Javascript que encuentra adjunto, también encuentra esa matriz

40
00:03:16,320 --> 00:03:24,270
de comidas que puede agregar aquí y que ahora es solo un montón de recetas que preparé para usted que

41
00:03:24,480 --> 00:03:29,290
usa o que usa todos los campos Nos instalamos en nuestro modelo.

42
00:03:29,340 --> 00:03:31,510
Ahora que son datos ficticios con los

43
00:03:31,530 --> 00:03:37,470
que trabajamos, ahora comencemos a trabajar con eso y rendericemos una lista de estas comidas en la pantalla de categoría de comidas.

44
00:03:37,470 --> 00:03:43,860
Por supuesto, solo las comidas que se ajustan a la categoría que seleccionamos, para que tengan nuestra ID de categoría.