240. Adding an Image Preview
Jul 22, 2026 00:51
· 1:48
· English
· Whisper Turbo
· 2 Mga Speaker
Ang transcript na ito ay magtatapos sa 8 Mga araw.
Upgrade para sa permanenteng imbakan →
Pagsasama-sama lamang
0:01
S…
Speaker 1 (240. Adding an Image Preview)
In the last lecture,
0:03
S…
Speaker 1 (240. Adding an Image Preview)
we added our own recipe,
0:04
S…
Speaker 1 (240. Adding an Image Preview)
spaghetti,
0:05
S…
Speaker 1 (240. Adding an Image Preview)
and we recognized that the image preview is not working.
0:09
S…
Speaker 1 (240. Adding an Image Preview)
Well,
0:10
S…
Speaker 1 (240. Adding an Image Preview)
that makes sense,
0:11
S…
Speaker 1 (240. Adding an Image Preview)
because if we have a look at the recipeEdit component,
0:14
S…
Speaker 1 (240. Adding an Image Preview)
here,
0:15
S…
Speaker 1 (240. Adding an Image Preview)
where we try to preview the image,
0:17
S…
Speaker 1 (240. Adding an Image Preview)
we're not binding the source.
0:19
S…
Speaker 1 (240. Adding an Image Preview)
We should do this.
0:21
S…
Speaker 1 (240. Adding an Image Preview)
I'll add a local reference named imagePath
0:25
S…
Speaker 1 (240. Adding an Image Preview)
to that input,
0:26
S…
Speaker 1 (240. Adding an Image Preview)
because I want to get access to the input inside of this template.
0:31
S…
Speaker 1 (240. Adding an Image Preview)
And then I'll bind the source here to that
0:35
S…
Speaker 1 (240. Adding an Image Preview)
local reference.
0:36
S…
Speaker 1 (240. Adding an Image Preview)
So to image path value,
0:38
S…
Speaker 1 (240. Adding an Image Preview)
because that is exactly what I want to display here.
0:41
S…
Speaker 1 (240. Adding an Image Preview)
With that,
0:43
S…
Speaker 1 (240. Adding an Image Preview)
if we now create a new recipe and paste in our old link,
0:47
S…
Speaker 1 (240. Adding an Image Preview)
now we immediately get a preview of this image.
0:50
S…
Speaker 1 (240. Adding an Image Preview)
So now this is working as expected.
0:54
S…
Speaker 1 (240. Adding an Image Preview)
And now if I add my spaghetti recipe,
0:57
S…
Speaker 1 (240. Adding an Image Preview)
very tasteful.
1:00
S…
Speaker 1 (240. Adding an Image Preview)
with my new ingredient,
1:02
S…
Speaker 1 (240. Adding an Image Preview)
spaghetti 100 and
1:06
S…
Speaker 1 (240. Adding an Image Preview)
some tomatoes free.
1:09
S…
Speaker 1 (240. Adding an Image Preview)
And if I hit save now,
1:14
S…
Speaker 1 (240. Adding an Image Preview)
here it is.
1:15
S…
Speaker 1 (240. Adding an Image Preview)
Now we can see it.
1:16
S…
Speaker 1 (240. Adding an Image Preview)
Now we can edit it.
1:18
S…
Speaker 1 (240. Adding an Image Preview)
Multiple exclamation marks make it more meaningful.
1:21
S…
Speaker 1 (240. Adding an Image Preview)
We can send it to the shopping list to find
1:25
S…
Speaker 1 (240. Adding an Image Preview)
our spaghetti and tomatoes there.
1:27
S…
Speaker 2 (240. Adding an Image Preview)
Well,
1:28
S…
Speaker 1 (240. Adding an Image Preview)
we already have tomatoes here,
1:29
S…
Speaker 1 (240. Adding an Image Preview)
so we can delete these here,
1:31
S…
Speaker 1 (240. Adding an Image Preview)
I guess.
1:34
S…
Speaker 1 (240. Adding an Image Preview)
And we lost it.
1:36
S…
Speaker 1 (240. Adding an Image Preview)
Where are our spaghettis?
1:38
S…
Speaker 1 (240. Adding an Image Preview)
If I go back to recipes,
1:40
S…
Speaker 1 (240. Adding an Image Preview)
spaghettis are gone.
1:42
S…
Speaker 1 (240. Adding an Image Preview)
So that seems to be another bug we need to fix.
Ang transcript na ito ay ginawa ng AI (automatic speech recognition). Maaaring may mga pagkakamali — suriin ang orihinal na audio para sa kritikal na paggamit. Patakaran ng AI
Buod
I-click ang Summarize upang makabuo ng isang AI buod ng transcript na ito.
Pagbubuod...
Magtanong sa AI Tungkol sa Transcript na Ito
Magtanong ng anumang bagay tungkol sa transcript na ito - ang AI ay makahanap ng mga kaugnay na mga seksyon at sagot.