Building Forms in Angular Apps | Mosh
?Get the COMPLETE COURSE (60% OFF – LIMITED TIME):
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
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.
Thanks for giving a clean explanation ,?
You may use Prettier extension on Vs Code automatically every property will be shown line by line
Your efforts in making these amazing videos is highly appreciated. Thank you so much!
Amazing and very helpful video, as I am a beginner in angular so this video is very helpful to clear basic things related to angular form and controls.
Thank you Mosh for this video and please try to make some more videos on angular basics especially for beginners.
I can never thank you enough you have restored my faith in humanity Love you man. Please keep making these awesome videos with the amazing explanation of theory and the code along solutions thanks again
Thank for your detailed, great explanations, it’s an amazing work!
I like the part and the thought process behind code formatting. You should always treat the code as an art too and not only science?
Clear and concises explainations make the subjet so much easier to understand
Thank you so much!
One of the greatest Technical Teachers in the world. Mosh sir! Thank you so much sir. Hats off
Thank you Mosh. Your videos are amazing and very easy to understand the concepts.
Thank you very much. The speed is perfect and the instructions are clear . One of the best. Thank you!
Thank you Brother. This video helped me to learn the angular form very easily. God Bless You.
that’s wonderful and so easy to understand. Thanks a lot Mosh 🙂
From anyone who gets an error “There is no directive with “exportAs” set to “ngModel”” you should:
import { FormsModule, ReactiveFormsModule } from “@angular/forms”;
@NgModule({
imports: [
BrowserModule,
FormsModule, // <========== Add this line! ReactiveFormsModule // <========== Add this line! ],
@Hafsa dolly happy coding.
@Shreyas Sapre tq now it solved!!
@Hafsa dolly app.module.ts
Where we should do this?
i love your face so much and i dont know even how you look like
Thank you for share some knowledge and spend some time doing that kind of content for the community! Bless you.
Awesome ? I am struggling to set the default values for a multi select drop down. Mat select. Could you please share 1 example
you are really good at explaining ! help me a lot!
Excellent ?? Thank you for this tutorial .
Thank you for sharing your time and knowledge with the people loves learn. Congratulations!.
You are my hero – coming from an HTML PHP environment this is helping me out so much!!! THANK YOU!