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 নীতি
সাৰাংশ
এই ট্ৰান্সক্ৰিপ্টৰ AI সাৰাংশ সৃষ্টি কৰিবলৈ সাৰাংশ ক্লিক কৰক।
সাৰাংশ...
এই অনুলিপিৰ বিষয়ে AI ক প্ৰশ্ন কৰক
এই অনুবাদৰ বিষয়ে যিকোনো প্ৰশ্ন কৰক — AI-এ প্ৰযোজ্য অংশসমূহ বিচাৰি পাব আৰু উত্তৰ দিব।