Thank you for the clear explanation of form validation in Angular. Your examples made it easy to understand how to handle different validation scenarios
Hi, There is Once little concern, I started your angular 18 series recently it is very nice. in first video you guide about github then after 2nd video you never mention about git hub and push code simultaniously after practice .
instead of writing these all if ( studentForms.controls['firstName'].touched &&studentForms.controls['firstName'].errors?.['minLength']) { Minimum length 4 is charecter } can't we just use any library to do these all stuff if you are using PrimeNG library, then please teach how to bind these form controls with UI Library's fields with Reactive forms
TO reactive form ke validation mai jab hume html file mai @if hi lagake karn hai to isme to hum .ts file mai faltu mai vo Validators laga rahe hai , matlab ki template form mai bhi to yahi kara tha if laga ke
You have a sharp mind! However, when you don’t want to use the required attribute directly in the HTML input tag, you can instead access the [Validators.required] from your TypeScript file and apply it dynamically.
@else if ( studentForms.controls['firstName'].touched &&studentForms.controls['firstName'].errors?.['minLength']) { Minimum length 4 is charecter } sir this is not working in your code can you tell me why this is happenning i am iin your wp group great learning sir
i got it sir "minLenght" should be "minlength" but why sir at the time od declaring in ts file i declaired it as ''''''firstName:new FormControl("",[Validators.required,Validators.minLength(3)]),'''''
In TypeScript: When you define validators such as Validators.minLength(3), you're using TypeScript and referring to the function minLength in the Validators class. In HTML: When you reference errors in the template, Angular converts the error keys to lowercase. So, when checking for the minLength error in your form control, Angular expects it to be in lowercase, i.e., minlength. This is why in your HTML code, you use minlength (all lowercase), even though you defined it as Validators.minLength(3) in the TypeScript file.
Loved the hands-on approach. Writing the code along with you made everything sink in better
@@GauravDhakad-b4o great to know..keep watching learning
Great one Sir real-time example never I have seen sucha a clear understanding 🎉
@@OCEMTechZoneglad to know
great A18 series 👍
Thanks
Thank you for the clear explanation of form validation in Angular. Your examples made it easy to understand how to handle different validation scenarios
@@AjayKumar-fe1yw welcome
nice explaination. your videos are really making life easy..
@@rajasekhar4023 welcome
Great Job Thanks to help all of us and making learner life easy. God Bless You!!
Glad to help
keep going sir
and thanks for the wonderful lectures
welcome. Keep watching
very nice explanation, thanks you so much for efforts
@@thaiyab78 welcome
nice vidoe good explaination
great Session
Hi,
There is Once little concern,
I started your angular 18 series recently it is very nice.
in first video you guide about github then after 2nd video you never mention about git hub and push code simultaniously after practice .
@@Rohitpampatwar yes so same thing we need to do.. that's why didn't repeated that
The minLength part is not working for ne.. Please help.. I tried keeping only the minLength condition and even that is not working😢
try to print error u will get what condition u need to add..to display error
Check in .ts file it must be minLength - L capital
and Check in .html file it must be minlength - l lowercase
In html use 'minlength' dont use camel case
Ok bro
Write minlength
Thanks a lot sir>>>
Keep watching
instead of writing these all
if ( studentForms.controls['firstName'].touched &&studentForms.controls['firstName'].errors?.['minLength']) {
Minimum length 4 is charecter
}
can't we just use any library to do these all stuff
if you are using PrimeNG library, then please teach how to bind these form controls with UI Library's fields with Reactive forms
TO reactive form ke validation mai jab hume html file mai @if hi lagake karn hai to isme to hum .ts file mai faltu mai vo Validators laga rahe hai , matlab ki template form mai bhi to yahi kara tha if laga ke
You have a sharp mind! However, when you don’t want to use the required attribute directly in the HTML input tag, you can instead access the [Validators.required] from your TypeScript file and apply it dynamically.
@Darshan7799 ok
how to get source code of video ? .. osome work.
sir ek request reactive me aur bhi bohat kuch pls explain in seperate video
I have studied part1 to part20. How to make my own API to post data in database by submit button in reactive form.
@@OmVerma-ro1qn for that you have to create ur own api using dot net, java or node
Sir, please make a video , how to create API or send link so that I can study.
thank you can you make Angular Material Tutorial
@@satyendrasingh9452 yes will do
could you upload a video showing how to host angular 18 project on github
Yes will do
19:30 advamce topice remaining
sir this whatsapp group is full plz let me in
Sir english series
@else if ( studentForms.controls['firstName'].touched &&studentForms.controls['firstName'].errors?.['minLength']) {
Minimum length 4 is charecter
}
sir this is not working in your code can you tell me why this is happenning i am iin your wp group
great learning sir
i got it sir "minLenght" should be "minlength" but why sir at the time od declaring in ts file i declaired it as ''''''firstName:new FormControl("",[Validators.required,Validators.minLength(3)]),'''''
In TypeScript: When you define validators such as Validators.minLength(3), you're using TypeScript and referring to the function minLength in the Validators class.
In HTML: When you reference errors in the template, Angular converts the error keys to lowercase. So, when checking for the minLength error in your form control, Angular expects it to be in lowercase, i.e., minlength.
This is why in your HTML code, you use minlength (all lowercase), even though you defined it as Validators.minLength(3) in the TypeScript file.