189. An Example Form

Jul 21, 2026 01:54 · 1:32 · English · Whisper Turbo · 2 Wasemaji

Rekodi hii inamalizika 7 siku. Kufugwa kwa ajili ya uhifadhi wa kudumu →

Index YA TAA

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.

Nakala hii ilitokezwa na AI (utambuaji wa usemi wa kiaya). Inaweza kuwa na makosa Équipe dhidi ya sauti ya awali kwa utumizi wa kuchambua. Sera ya AI

❤️ Love STT.ai? Tell your friends!

Muhtasari

Bonyeza muhtasari ili kutokeza muhtasari wa AI juu ya nakala hii.

Uliza Maswali Kuhusu Mpito Huu

Uliza jambo lolote kuhusu nakala hii ya kitabu KULEA ile nitakayopata sehemu zinazofaa na majibu.

Trekta Nyingine