Building Forms in Angular Apps | Mosh

Learn to build forms with validation in your Angular apps.

TABLE OF CONTENT

00:00 Introduction
00:26 Building a Bootstrap Form
04:32 Types of Forms
07:54 ngModel
13:24 Adding Validation
16:43 Specific Validation Errors
21:03 Styling Invalid Input Fields
22:30 Cleaner Templates

RELATED VIDEOS

Angular 4 Tutorial for Beginners

Angular Version History

Angular Material

Angular Animations

MY OTHER COURSES

I have several other courses on web and mobile application development. You can find them all here:

STAY IN TOUCH

[sahil-bawa]

As a newbie to Angular, I tried watching multiple videos on Reactive vs Template-driven forms. This was the only video whose explanation and use of graphics finally made it click in my head. Thank you Mosh! Don't know why I even bothered looking elsewhere for learning Angular Forms.

[sanmani]

Thank you Brother. This video helped me to learn the angular form very easily. God Bless You.

[rjconnolly]

You are my hero - coming from an HTML PHP environment this is helping me out so much!!! THANK YOU!

[bubamanjang]

Your efforts in making these amazing videos is highly appreciated. Thank you so much!

[ananthuvenugopal]

This is one of the finest tutorial about forms in angular. Explained everything crystal clear. Thank you so much 🙏

[NourLababidi]

Thank you very much. The speed is perfect and the instructions are clear . One of the best. Thank you!

[ShruthiVeda]

I must share my feedback about this video. Content is very easily understandable. I tried many other videos to understand how these formCcntrol and formGroup works. I failed many times to ans properly in interview. But this video made concept clear to me. Thanks a lot.

[m.m.farhad]

Can not thank you enough Mosh, lifesaver.

[dominiccampese]

This is exactly the explanation I was looking for great content

[someshnukala]

One of the greatest Technical Teachers in the world. Mosh sir! Thank you so much sir. Hats off

[jamaluddinmondal]

Thanks for giving a clean explanation, 👌

You may use Prettier extension on Vs Code automatically every property will be shown line by line

[manjunathrajure]

This helped a lot to understand angular forms in simpler way.

[lino]

Clear and concises explainations make the subjet so much easier to understand
Thank you so much!

[sample]

Thank you mosh !
This video explained me easier !

[rjbirelly]

Thank you Mosh. Your videos are amazing and very easy to understand the concepts.

[jasminem]

you are really good at explaining ! help me a lot!

[julioblancas]

Thank you for sharing your time and knowledge with the people loves learn. Congratulations!.

[charliemccharlie]

In the most recent versions of Angular you might get errors that one of these validation properties might be null. In such a case, you can use a safe navigation operator such as this:

[williamsbron]

that was great Mosh
it helps me a lot




really really really really thank you Mosh😍😍😍😍😍

[abderazzakmnaimoutaanni]

Hello,
Thanks for the awesome video,
I just want to add that on Angular10, the firstName.errors object can be NULL, so you need to use the safe navigation operator ?

regards