189. An Example Form

Jul 21, 2026 01:54 · 1:32 · English · Whisper Turbo · 2 ஒலிப்பேழைகள்
இந்த நகல் காலாவதியாகும் 7 நாட்கள். நிலையான சேமிப்புக்காக மேம்படுத்தல் →
விரிவுரை சுட்டுவரிசை
காட்டு
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.

இந்த ஒலிப்பதிவு AI (தானியங்கி பேச்சு அடையாளம்) மூலம் உருவாக்கப்பட்டது. பிழைகள் இருக்கலாம் - முக்கியமான பயன்பாட்டுக்கு மூல ஒலியை சரிபார்க்கவும். AI கொள்கை

❤️ STT.ai ஐ நேசிக்கிறீர்களா? உங்கள் நண்பர்களுக்குச் சொல்லுங்கள்!
சுருக்கம்
இந்த நகலெடுப்புக்கான AI சுருக்கத்தை உருவாக்க சுருக்கம் என்பதை க்ளிக் செய்யவும்.
சுருக்கப்படுகிறது...
இந்த நகலை AI க்குக் கேட்கவும்
இந்த நூலைப் பற்றி ஏதாவது கேட்கவும் - AI தொடர்புடைய பகுதிகளைக் கண்டுபிடித்து பதிலளிக்கும்.
மற்றொன்றை மாற்று