60. Creating an Ingredient Model

Jul 14, 2026 04:31 · 2:36 · English · Whisper Turbo · 2 Reproduktory
Tento přepis dnes vyprší. Upgrade pro trvalé skladování →
Index přednášek
Pouze pro zobrazování
0:02
S… Speaker 2 (60. Creating an Ingredient Model)
We're going to use ingredients a lot in our application,
0:05
S… Speaker 2 (60. Creating an Ingredient Model)
so having a model for it makes sense.
0:07
S… Speaker 2 (60. Creating an Ingredient Model)
Now where do we store this ingredient model?
0:10
S… Speaker 2 (60. Creating an Ingredient Model)
We stored the recipe model in the recipes folder because it belongs
0:14
S… Speaker 2 (60. Creating an Ingredient Model)
there feature -wise,
0:15
S… Speaker 2 (60. Creating an Ingredient Model)
but where does the ingredient model belong to?
0:20
S… Speaker 2 (60. Creating an Ingredient Model)
Well, I believe it belongs in a new folder,
0:23
S… Speaker 2 (60. Creating an Ingredient Model)
the shared folder,
0:25
S… Speaker 2 (60. Creating an Ingredient Model)
which I'm going to create in the app folder.
0:27
S… Speaker 2 (60. Creating an Ingredient Model)
Shared is a fitting name for this folder because
0:31
S… Speaker 2 (60. Creating an Ingredient Model)
it will contain features or elements of our app
0:35
S… Speaker 2 (60. Creating an Ingredient Model)
which are shared across different features like the ingredient,
0:39
S… Speaker 2 (60. Creating an Ingredient Model)
which we're going to use both in the shopping list and the recipe section.
0:43
S… Speaker 2 (60. Creating an Ingredient Model)
So here I'll create a new file and this file will be named
0:47
S… Speaker 2 (60. Creating an Ingredient Model)
ingredient.
0:49
S… Speaker 2 (60. Creating an Ingredient Model)
dot model dot ts.
0:51
S… Speaker 2 (60. Creating an Ingredient Model)
In there I will export a class named ingredient
0:56
S… Speaker 2 (60. Creating an Ingredient Model)
and here we will basically define how an ingredient
1:00
S… Speaker 2 (60. Creating an Ingredient Model)
should look like.
1:01
S… Speaker 2 (60. Creating an Ingredient Model)
Now how should it look like?
1:03
S… Speaker 2 (60. Creating an Ingredient Model)
It should have a name so publicly available
1:07
S… Speaker 2 (60. Creating an Ingredient Model)
which is a string and an amount so how many items
1:11
S… Speaker 2 (60. Creating an Ingredient Model)
of that type should we have.
1:13
S… Speaker 2 (60. Creating an Ingredient Model)
So maybe amount here which would be of type number.
1:16
S… Speaker 2 (60. Creating an Ingredient Model)
Now in the constructor
1:20
S… Speaker 1 (60. Creating an Ingredient Model)
We, of course,
1:21
S… Speaker 2 (60. Creating an Ingredient Model)
want to be able to receive that as arguments,
1:23
S… Speaker 2 (60. Creating an Ingredient Model)
name and amount,
1:24
S… Speaker 2 (60. Creating an Ingredient Model)
and then assign it here as before.
1:27
S… Speaker 2 (60. Creating an Ingredient Model)
So this name equals name and this amount equals amount.
1:31
S… Speaker 1 (60. Creating an Ingredient Model)
Now,
1:32
S… Speaker 2 (60. Creating an Ingredient Model)
that is such a typical setup that we receive the arguments we want to
1:36
S… Speaker 2 (60. Creating an Ingredient Model)
assign in the constructor and then instantly assign them,
1:39
S… Speaker 2 (60. Creating an Ingredient Model)
that TypeScript offers a shortcut.
1:41
S… Speaker 2 (60. Creating an Ingredient Model)
We can get rid of the declaration of our properties
1:46
S… Speaker 2 (60. Creating an Ingredient Model)
up here.
1:48
S… Speaker 2 (60. Creating an Ingredient Model)
and get rid of the content in the body of this constructor.
1:51
S… Speaker 2 (60. Creating an Ingredient Model)
and simply add an accessor in front of the
1:55
S… Speaker 2 (60. Creating an Ingredient Model)
property name here,
1:56
S… Speaker 2 (60. Creating an Ingredient Model)
so public in front of both arguments.
1:59
S… Speaker 2 (60. Creating an Ingredient Model)
What that will do is,
2:01
S… Speaker 2 (60. Creating an Ingredient Model)
behind the scenes,
2:02
S… Speaker 2 (60. Creating an Ingredient Model)
it will create the same effect we had before,
2:06
S… Speaker 2 (60. Creating an Ingredient Model)
so it will automatically give us properties with the names
2:10
S… Speaker 2 (60. Creating an Ingredient Model)
we specify here as argument names,
2:12
S… Speaker 2 (60. Creating an Ingredient Model)
so name and amount in this case,
2:14
S… Speaker 2 (60. Creating an Ingredient Model)
and it will automatically assign the values we receive in this
2:19
S… Speaker 1 (60. Creating an Ingredient Model)
constructor
2:20
S… Speaker 2 (60. Creating an Ingredient Model)
to these newly created properties.
2:22
S… Speaker 2 (60. Creating an Ingredient Model)
So a nice and convenient shortcut.
2:24
S… Speaker 2 (60. Creating an Ingredient Model)
With that,
2:26
S… Speaker 2 (60. Creating an Ingredient Model)
we defined how our ingredients should look like.
2:28
S… Speaker 2 (60. Creating an Ingredient Model)
Now we can use it in the shopping list component.
2:30
S… Speaker 2 (60. Creating an Ingredient Model)
Let's do this in the next lecture.

Tento přepis byl vytvořen AI (automatické rozpoznávání řeči). Může obsahovat chyby?? ověřit proti původnímu zvuku pro kritické použití. Politika AI

❤️ Máte rádi STT.ai? Řekněte to přátelům!
Shrnutí
Klikněte na Summarise pro generování AI shrnutí tohoto přepisu.
Shrnuji...
Zeptejte se UI na tento transcript
Zeptejte se na cokoliv o tomto přepisu, najdete příslušné sekce a odpověď.
Přepsat další