187. Why do we Need Angular's Help

Jul 21, 2026 01:52 · 2:21 · English · Whisper Turbo · 3 वक्ता:

This transcript expires in 7 दिनानि। अद्यतनीकरणं स्थायी भण्डारणार्थम् →

वार्तालेखः

0:02

S… Speaker 2 (187. Why do we Need Angular's Help)

So let's take a closer look at how Angular works together with forms.

0:06

S… Speaker 2 (187. Why do we Need Angular's Help)

Consider this form.

0:08

S… Speaker 2 (187. Why do we Need Angular's Help)

This is the HTML code of a form which you might use and

0:12

S… Speaker 2 (187. Why do we Need Angular's Help)

there is nothing Angular specific about this code.

0:15

S… Speaker 2 (187. Why do we Need Angular's Help)

It's normal HTML code which you would place in your HTML documents to

0:19

S… Speaker 2 (187. Why do we Need Angular's Help)

maybe display a form like this with an input for the username and

0:23

S… Speaker 2 (187. Why do we Need Angular's Help)

the input for the email address.

0:26

S… Speaker 2 (187. Why do we Need Angular's Help)

Now as mentioned in the last video,

0:27

S… Speaker 2 (187. Why do we Need Angular's Help)

Angular's job now is to allow you to retrieve the

0:32

S… Speaker 2 (187. Why do we Need Angular's Help)

values the user entered here and also to check some

0:36

S… Speaker 2 (187. Why do we Need Angular's Help)

other things like is the form valid,

0:38

S… Speaker 2 (187. Why do we Need Angular's Help)

did the user enter valid information.

0:41

S… Speaker 3 (187. Why do we Need Angular's Help)

And all that,

0:42

S… Speaker 2 (187. Why do we Need Angular's Help)

of course, will happen in JavaScript,

0:44

S… Speaker 2 (187. Why do we Need Angular's Help)

in TypeScript,

0:45

S… Speaker 2 (187. Why do we Need Angular's Help)

so on the Angular 2 side of your app,

0:48

S… Speaker 1 (187. Why do we Need Angular's Help)

you could say.

0:49

S… Speaker 2 (187. Why do we Need Angular's Help)

So you somehow need to be able to parse the values

0:53

S… Speaker 2 (187. Why do we Need Angular's Help)

the user enters,

0:54

S… Speaker 2 (187. Why do we Need Angular's Help)

and you somehow need some JavaScript object representation

0:58

S… Speaker 2 (187. Why do we Need Angular's Help)

of your form in your TypeScript code to work with.

1:03

S… Speaker 2 (187. Why do we Need Angular's Help)

So this object could look something like this.

1:06

S… Speaker 2 (187. Why do we Need Angular's Help)

It is more complex in reality,

1:08

S… Speaker 2 (187. Why do we Need Angular's Help)

but these would be the key features we need,

1:10

S… Speaker 1 (187. Why do we Need Angular's Help)

for example.

1:11

S… Speaker 2 (187. Why do we Need Angular's Help)

We need to have the value of the form.

1:14

S… Speaker 2 (187. Why do we Need Angular's Help)

And there it would be convenient if we would have key value pairs where the

1:18

S… Speaker 2 (187. Why do we Need Angular's Help)

key refers to the name of input,

1:21

S… Speaker 1 (187. Why do we Need Angular's Help)

like for example,

1:22

S… Speaker 2 (187. Why do we Need Angular's Help)

name or email as specified in the HTML code.

1:27

S… Speaker 2 (187. Why do we Need Angular's Help)

And then it holds the values the user entered.

1:30

S… Speaker 2 (187. Why do we Need Angular's Help)

This would make it super simple for you to work with these values in

1:34

S… Speaker 2 (187. Why do we Need Angular's Help)

your TypeScript code and to do something with the values the user entered.

1:38

S… Speaker 2 (187. Why do we Need Angular's Help)

It might also be helpful if some metadata was stored,

1:42

S… Speaker 1 (187. Why do we Need Angular's Help)

like for example,

1:43

S… Speaker 2 (187. Why do we Need Angular's Help)

if the form is valid.

1:44

S… Speaker 2 (187. Why do we Need Angular's Help)

And this would be changed to false,

1:47

S… Speaker 1 (187. Why do we Need Angular's Help)

for example,

1:48

S… Speaker 2 (187. Why do we Need Angular's Help)

if the email address wouldn't be a valid email address.

1:51

S… Speaker 2 (187. Why do we Need Angular's Help)

This is what Angular does for you.

1:54

S… Speaker 2 (187. Why do we Need Angular's Help)

It allows you or it gives you actually such a JavaScript

1:58

S… Speaker 2 (187. Why do we Need Angular's Help)

object representation of your form,

2:01

S… Speaker 2 (187. Why do we Need Angular's Help)

making it simple for you to retrieve user values and to

2:05

S… Speaker 2 (187. Why do we Need Angular's Help)

see the state of the form and work with it.

2:08

S… Speaker 1 (187. Why do we Need Angular's Help)

Now in the next lectures,

2:09

S… Speaker 2 (187. Why do we Need Angular's Help)

we're going to take a detailed look and we will understand how exactly

2:13

S… Speaker 2 (187. Why do we Need Angular's Help)

it works, how we can configure it,

2:15

S… Speaker 2 (187. Why do we Need Angular's Help)

what we can do with it,

2:16

S… Speaker 2 (187. Why do we Need Angular's Help)

how we can reset it and much more.

अस्मिन् ध्वनिमुद्रणे AI (आटोमेटिक स्पीच रिकग्निशन) द्वारा निर्मितः अस्ति । त्रुटिः वर्तते । अतः त्रुटिः वर्तते । अतः त्रुटिः वर्तते । AI नीतिः

❤️ STT.ai लभते? वदतु मित्रेभ्यः!

सारांशः

सम्पादयतु

ॐ ऐं ह्रीं

यदा यदा कस्यापि विषये प्रश्नः भवति, तदा यन्त्रं तत्संबंधितं भागं सूचयति, तथा उत्तरं प्रदत्तं भवति ।

अन्यं लिखितम्