227. Resetting the Form

Jul 22, 2026 00:51 · 2:34 · English · Whisper Turbo · 2 സ്പീക്കറുകള്‍

ഈ തീയതിയുടെ കാലാവധി അവസാനിക്കുന്നു 8 ദിനങ്ങള്‍ സ്ഥിരമായുള്ള സ്റ്റോറേജ് അപ്ഗ്രേഡ് ചെയ്യുക →

ലാപ്‌സ് ഇന്‍ഡെക്സ്

0:02

S… Speaker 2 (227. Resetting the Form)

So let's reset the form once we click update or add.

0:05

S… Speaker 2 (227. Resetting the Form)

Definitely go ahead and try it on your own.

0:07

S… Speaker 2 (227. Resetting the Form)

Time to pause the video now before I will show you how I would do that.

0:11

S… Speaker 1 (227. Resetting the Form)

So were you

0:15

S… Speaker 2 (227. Resetting the Form)

successful?

0:16

S… Speaker 2 (227. Resetting the Form)

There is something tricky about that.

0:18

S… Speaker 2 (227. Resetting the Form)

But let's start with the straightforward part.

0:20

S… Speaker 2 (227. Resetting the Form)

After we saved our updated value,

0:24

S… Speaker 2 (227. Resetting the Form)

or either saved the updated value or the new value I should say,

0:27

S… Speaker 2 (227. Resetting the Form)

we can of course call form reset here.

0:32

S… Speaker 2 (227. Resetting the Form)

Now if I do this,

0:34

S… Speaker 2 (227. Resetting the Form)

let's see if it works as expected.

0:36

S… Speaker 2 (227. Resetting the Form)

If I type bread here,

0:37

S… Speaker 2 (227. Resetting the Form)

10,

0:38

S… Speaker 2 (227. Resetting the Form)

and I click add,

0:39

S… Speaker 2 (227. Resetting the Form)

it resets,

0:41

S… Speaker 2 (227. Resetting the Form)

so this works.

0:42

S… Speaker 2 (227. Resetting the Form)

If I select tomatoes and change this to bread,

0:46

S… Speaker 2 (227. Resetting the Form)

it updates it to bread.

0:48

S… Speaker 2 (227. Resetting the Form)

But now we're stuck in the update mode.

0:51

S… Speaker 2 (227. Resetting the Form)

If I add bread again,

0:53

S… Speaker 2 (227. Resetting the Form)

maybe 12,

0:55

S… Speaker 2 (227. Resetting the Form)

it still updates the old one,

0:57

S… Speaker 2 (227. Resetting the Form)

right? It doesn't add a new one because we never leave the edit mode.

1:01

S… Speaker 2 (227. Resetting the Form)

The reason for this,

1:02

S… Speaker 2 (227. Resetting the Form)

of course, is that initially we are in edit mode set to false,

1:07

S… Speaker 2 (227. Resetting the Form)

then we switch it to true whenever we get the started editing

1:11

S… Speaker 2 (227. Resetting the Form)

observable to fire,

1:12

S… Speaker 2 (227. Resetting the Form)

but we never switch it back.

1:15

S… Speaker 1 (227. Resetting the Form)

Well,

1:16

S… Speaker 2 (227. Resetting the Form)

we should switch it back,

1:17

S… Speaker 2 (227. Resetting the Form)

and actually we only need to switch it back here in

1:22

S… Speaker 2 (227. Resetting the Form)

onAddItem.

1:23

S… Speaker 2 (227. Resetting the Form)

Here I can simply call this edit mode

1:26

S… Speaker 2 (227. Resetting the Form)

And set it to false,

1:27

S… Speaker 2 (227. Resetting the Form)

no matter what it was before.

1:29

S… Speaker 2 (227. Resetting the Form)

This ensures that we definitely leave it because we are done.

1:33

S… Speaker 2 (227. Resetting the Form)

Also,

1:34

S… Speaker 2 (227. Resetting the Form)

we could rename this onAddItem to simply

1:39

S… Speaker 2 (227. Resetting the Form)

say onSubmit because onAddItem is not correct all

1:43

S… Speaker 1 (227. Resetting the Form)

the times.

1:43

S… Speaker 2 (227. Resetting the Form)

But that is not important.

1:45

S… Speaker 2 (227. Resetting the Form)

That is just a little cosmetic change.

1:47

S… Speaker 2 (227. Resetting the Form)

Also rename it in the template then,

1:49

S… Speaker 2 (227. Resetting the Form)

though. So with this in place,

1:53

S… Speaker 2 (227. Resetting the Form)

If we now try this again,

1:55

S… Speaker 2 (227. Resetting the Form)

let's add a new item,

1:56

S… Speaker 2 (227. Resetting the Form)

that works.

1:57

S… Speaker 2 (227. Resetting the Form)

Let's add an existing one,

1:59

S… Speaker 2 (227. Resetting the Form)

bananas,

2:00

S… Speaker 1 (227. Resetting the Form)

two.

2:02

S… Speaker 2 (227. Resetting the Form)

And now let's try adding schnitzel,

2:07

S… Speaker 1 (227. Resetting the Form)

one.

2:09

S… Speaker 2 (227. Resetting the Form)

Now you see,

2:11

S… Speaker 2 (227. Resetting the Form)

that seems to work again.

2:13

S… Speaker 2 (227. Resetting the Form)

Now we can correctly update,

2:16

S… Speaker 2 (227. Resetting the Form)

oops,

2:17

S… Speaker 1 (227. Resetting the Form)

tomatoes,

2:18

S… Speaker 2 (227. Resetting the Form)

our items here,

2:19

S… Speaker 2 (227. Resetting the Form)

and it switches between edit mode and update mode.

2:23

S… Speaker 2 (227. Resetting the Form)

Of course,

2:24

S… Speaker 2 (227. Resetting the Form)

I also need to make sure that the delete and

2:28

S… Speaker 2 (227. Resetting the Form)

clear button works.

2:29

S… Speaker 2 (227. Resetting the Form)

So let's work on the clear button next.

ഈ അക്ഷം AI (സ്വയമുണ്ടായി അക്ഷരാനുഗ്രഹം) ഉണ്ടാക്കിയത്. പിശകുകള്‍ ഉള്‍ക്കൊള്ളാം. അല്ലെങ്കില്‍ മൂല ഓഡിയോ ഉപയോഗിക്കുന്നതിനു് മുന്‍കൂട്ടിയുള്ള പിശകുകള്‍ സ്ഥിതീകരിക്കാം. ഐഐ നയം

❤️ സ്നേഹം STT.ai? കൂട്ടുകാരോട് പറയൂ!

സാരാംശം

ഈ അക്ഷരമാലയുടെ AI സമ്മറി ഉണ്ടാക്കാന്‍ കെസ്റ്റെല്‍ ക്ലിക്ക് ചെയ്യുക.

ഈ ട്രാന്‍സ്പെക്റ്റിനെ കുറിച്ച് AI ചോദിയ്ക്കുക

ഈ പുസ്‌തകത്തെക്കുറിച്ച് എന്തെങ്കിലും ചോദിക്കുക — AI - ന്‌ ആവശ്യമായ ഭാഗങ്ങൾ കണ്ടെത്തുകയും ഉത്തരം നൽകുകയും ചെയ്യും.

വീണ്ടും എഴുതുക