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
ສັງລວມ
ກົດປຸ່ມສັງລວມ ເພື່ອສ້າງບົດສັງລວມ AI ຂອງບົດບັນທຶກນີ້.
ກຳລັງສັງລວມ...
ຖາມ AI ກ່ຽວກັບການແປນີ້
ຖາມທຸກຢ່າງກ່ຽວກັບບົດບັນທຶກນີ້ - AI ຈະຊອກຫາສ່ວນທີ່ກ່ຽວຂ້ອງແລະຕອບ.