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 (സ്വയമുണ്ടായി അക്ഷരാനുഗ്രഹം) ഉണ്ടാക്കിയത്. പിശകുകള്‍ ഉള്‍ക്കൊള്ളാം. അല്ലെങ്കില്‍ മൂല ഓഡിയോ ഉപയോഗിക്കുന്നതിനു് മുന്‍കൂട്ടിയുള്ള പിശകുകള്‍ സ്ഥിതീകരിക്കാം. ഐഐ നയം

❤️ സ്നേഹം STT.ai? കൂട്ടുകാരോട് പറയൂ!
സാരാംശം
ഈ അക്ഷരമാലയുടെ AI സമ്മറി ഉണ്ടാക്കാന്‍ കെസ്റ്റെല്‍ ക്ലിക്ക് ചെയ്യുക.
സഖാവ്...
ഈ ട്രാന്‍സ്പെക്റ്റിനെ കുറിച്ച് AI ചോദിയ്ക്കുക
ഈ പുസ്‌തകത്തെക്കുറിച്ച് എന്തെങ്കിലും ചോദിക്കുക — AI - ന്‌ ആവശ്യമായ ഭാഗങ്ങൾ കണ്ടെത്തുകയും ഉത്തരം നൽകുകയും ചെയ്യും.
വീണ്ടും എഴുതുക