1 00:00:02,390 --> 00:00:08,050 Ora le ricette ovviamente dovrebbero essere visualizzate nella schermata dei pasti della categoria che è la schermata che stiamo caricando quando 2 00:00:08,050 --> 00:00:09,850 abbiamo selezionato una categoria e ovviamente, 3 00:00:09,920 --> 00:00:14,030 per rendere tutte le ricette, ne abbiamo bisogno, abbiamo bisogno di ricette per i pasti 4 00:00:14,030 --> 00:00:20,930 come le chiamo anche qui e Inizierò aggiungendo un nuovo modello, il pasto. js dove definisco come dovrebbe apparire 5 00:00:20,960 --> 00:00:23,880 un pasto in questa app. 6 00:00:23,890 --> 00:00:25,840 Ora questa definizione extra è facoltativa, 7 00:00:25,850 --> 00:00:30,060 ma penso che renda un po 'più facile ragionare sui nostri dati e sulla sua struttura. 8 00:00:30,230 --> 00:00:32,540 Quindi creerò una classe qui ed esporterò 9 00:00:32,690 --> 00:00:39,110 e in quella classe, aggiungerò un costruttore che ci consente di creare nuovi pasti preconfigurati in base alla struttura 10 00:00:39,110 --> 00:00:41,090 che stiamo per istituire qui. 11 00:00:41,090 --> 00:00:44,540 Ora un pasto sarà più complesso di una categoria, avrà 12 00:00:44,540 --> 00:00:45,710 un ID 13 00:00:46,100 --> 00:00:49,550 ma avrà anche alcuni ID di categoria a cui appartiene, 14 00:00:49,550 --> 00:00:52,890 quindi più categorie a cui un pasto può appartenere. 15 00:00:52,970 --> 00:00:54,380 Avrà un titolo, quindi 16 00:00:54,380 --> 00:00:55,280 un 17 00:00:55,280 --> 00:00:59,750 nome e quindi avrà alcuni campi extra come l'accessibilità economica di 18 00:01:00,200 --> 00:01:02,890 un pasto, quindi è costoso, è economico? 19 00:01:03,290 --> 00:01:09,990 La complessità, quindi quanto sia complesso realizzare quel piatto sulla base di quella ricetta. Un imageUrl che punta a un'immagine sul web in cui 20 00:01:10,000 --> 00:01:15,950 abbiamo una bella foto di quel pasto. La durata necessaria in pochi minuti 21 00:01:15,950 --> 00:01:23,470 per creare quel pasto, anche gli ingredienti che dovrebbero essere un array, i passaggi che dobbiamo 22 00:01:23,570 --> 00:01:31,220 prendere per fare quel pasto, quindi le istruzioni e quindi quattro campi che ci aiutano a 23 00:01:31,820 --> 00:01:40,520 filtrare - isGlutenFree che segna se questo è glutine gratis o no, quindi questo sarà un booleano, isVegan, isVegetarian 24 00:01:42,620 --> 00:01:44,240 e isLactoseFree, questi 25 00:01:44,240 --> 00:01:48,590 sono i quattro campi che userò in questa app. 26 00:01:48,590 --> 00:01:53,350 Ora tutti i dati che stiamo ottenendo verranno archiviati 27 00:01:53,390 --> 00:02:02,000 in proprietà, quindi qui imposterò questo ID uguale a ID, questo ID categoria uguale a ID categoria, questo 28 00:02:02,000 --> 00:02:09,860 titolo uguale a titolo, questo imageUrl uguale a imageUrl e così ovviamente, quindi memorizza tutti gli 29 00:02:09,890 --> 00:02:16,850 argomenti che stiamo ottenendo nelle proprietà di ciò, l'oggetto alla fine verrà creato in 30 00:02:16,850 --> 00:02:18,850 base alla classe. 31 00:02:18,920 --> 00:02:28,250 Quindi ovviamente avremo anche i nostri passi qui, memorizzeremo la durata, memorizzeremo la complessità, memorizzeremo l'accessibilità 32 00:02:28,250 --> 00:02:36,260 qui ovviamente in una proprietà, memorizzeremo se questo è senza glutine e anche 33 00:02:36,260 --> 00:02:38,990 ovviamente tutti gli altri 34 00:02:38,990 --> 00:02:48,770 filtri, quindi isVegan, anche questo è vegetariano dovrebbe essere memorizzato ovviamente e isLactoseFree, che sarà anche memorizzato 35 00:02:48,770 --> 00:02:52,150 e sì, con ciò, sto memorizzando 36 00:02:52,170 --> 00:02:54,450 tutti quei dati. 37 00:02:54,450 --> 00:03:00,890 Ora possiamo aggiungere alcuni dati fittizi, alcuni pasti fittizi e, naturalmente, li troverai di nuovo allegati. 38 00:03:01,020 --> 00:03:10,090 Tutto quello che devi fare in un manichino-dati. Il file js è import pasto dalla cartella dei modelli e lì, dal pasto. js o semplicemente da un pasto 39 00:03:10,110 --> 00:03:16,320 come questo e ora allegato nel file Javascript che trovi allegato, trovi anche quella matrice di 40 00:03:16,320 --> 00:03:24,270 pasti che puoi aggiungere qui e che ora è solo un mucchio di ricette che ho preparato per te che 41 00:03:24,480 --> 00:03:29,290 utilizza o che utilizzano tutti i campi abbiamo impostato nel nostro modello. 42 00:03:29,340 --> 00:03:31,510 Ora sono dati fittizi con cui 43 00:03:31,530 --> 00:03:37,470 lavoriamo, ora iniziamo a lavorare con quello e rendiamo un elenco di questi pasti nella schermata dei pasti della categoria. 44 00:03:37,470 --> 00:03:43,860 Naturalmente, solo i pasti che rientrano nella categoria che abbiamo selezionato, in modo che abbiano il nostro ID categoria.