60. Creating an Ingredient Model

Jul 14, 2026 04:31 · 2:36 · English · Whisper Turbo · 2 Hökmdar
Bu transkriptin müddəti bu gün bitəcək. Daimi saxlama üçün yüksəlt →
_Oxu
Yalnız göstər
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.

Bu transkript AI (avtomatik səs tanıması) tərəfindən yaradılmışdır. Xətalar ola bilər - kritik istifadə üçün orijinal səslə müqayisə edin. AI siyasəti

❤️ Sevgi STT.ai? Dostlarınıza deyin!
İcmal
Bu transkriptin AI qısa mə'lumatını yaratmaq üçün Summarize düyməsini basın.
İcmallaşdırılır...
Bu transkript haqqında AI-dən soruş
Bu transkript haqqında hər şeyi soruşun — AI uyğun hissələri tapacaq və cavab verəcək.
Başqasını Yaz