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は関連する部分を見つけて答えます。

別のものを転写