189. An Example Form

Jul 21, 2026 01:54 · 1:32 · English · Whisper Turbo · 2 Qof-dheer
Qoraalkani wuxuu dhacayaa 7 maalmood. Kordhinta kaydinta joogtada ah →
Liiska Qoraalka
Soo bandhigida oo keliya
0:02
S… Speaker 1 (189. An Example Form)
So, here I am on a simple example form just to get started.
0:05
S… Speaker 1 (189. An Example Form)
The code responsible for it is this HTML code in the
0:09
S… Speaker 1 (189. An Example Form)
template of my app component here,
0:11
S… Speaker 1 (189. An Example Form)
and you can find this code attached to this lecture here.
0:15
S… Speaker 2 (189. An Example Form)
Now,
0:16
S… Speaker 1 (189. An Example Form)
it's a simple form,
0:17
S… Speaker 1 (189. An Example Form)
we're going to expand it or enhance it with some features throughout this
0:21
S… Speaker 1 (189. An Example Form)
module, but to get started,
0:22
S… Speaker 1 (189. An Example Form)
this is just fine.
0:24
S… Speaker 1 (189. An Example Form)
Now, if we have a look at this HTML code,
0:27
S… Speaker 1 (189. An Example Form)
you will quickly realize that on the form tag here,
0:31
S… Speaker 1 (189. An Example Form)
I don't have the action attribute pointing to
0:35
S… Speaker 1 (189. An Example Form)
some route.
0:35
S… Speaker 1 (189. An Example Form)
I'm also not specifying the method attribute,
0:38
S… Speaker 1 (189. An Example Form)
which typically would be post.
0:40
S… Speaker 1 (189. An Example Form)
The reason for this is that this form should not get
0:44
S… Speaker 1 (189. An Example Form)
submitted to a server.
0:46
S… Speaker 1 (189. An Example Form)
I don't want a HTTP request to be the result of me clicking
0:50
S… Speaker 1 (189. An Example Form)
the submit button.
0:50
S… Speaker 1 (189. An Example Form)
Instead,
0:51
S… Speaker 1 (189. An Example Form)
as mentioned earlier,
0:53
S… Speaker 1 (189. An Example Form)
Angular should handle this form and therefore I don't have an action
0:57
S… Speaker 1 (189. An Example Form)
on it This of course means that right now if I hit the submit button Nothing
1:01
S… Speaker 1 (189. An Example Form)
happens if you have a look at the refresh icon up there You see
1:06
S… Speaker 1 (189. An Example Form)
it's not spinning nothing happens because we're not actually sending a request
1:10
S… Speaker 1 (189. An Example Form)
Well,
1:11
S… Speaker 1 (189. An Example Form)
we will work on this but first
1:13
S… Speaker 1 (189. An Example Form)
Let's understand what actually happens behind the scenes and how Angular
1:18
S… Speaker 1 (189. An Example Form)
infers such forms,
1:19
S… Speaker 1 (189. An Example Form)
creates such a JavaScript object for us as it does when using
1:23
S… Speaker 1 (189. An Example Form)
the template -driven approach.
1:25
S… Speaker 1 (189. An Example Form)
Let's understand how we get Angular to create this form
1:29
S… Speaker 1 (189. An Example Form)
object for us.

Qoraalkan waxaa abuuray AI (u aqoonsiga hadalka otomaatiga ah). Waxay ku jiri kartaa khaladaad — xaqiijin ka dhanka ah audio asalka ah ee isticmaalka muhiimka ah. Xeerka AI

❤️ Jecel STT.ai? Ka warran saaxiibbadaa!
Qiyaas
Riix Summarize in ay soo saaraan AI faahfaahin ka mid ah qoraalkan.
La iskugu soo uruurinayo...
Su'aal AI Ku saabsan this transcript
Su'aal wax kasta oo ku saabsan qoraalkan - AI ka heli doonaa qaybaha la xiriira iyo jawaab.
Ku dheji mid kale