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는 관련 섹션을 찾아 답변합니다.

다른 변환