Week 4 Day 5: Developed reactive forms using FormGroup and validators
This commit is contained in:
31
Week-4/Day-5/angular-reactive-forms.md
Normal file
31
Week-4/Day-5/angular-reactive-forms.md
Normal file
@@ -0,0 +1,31 @@
|
||||
## Angular Forms – Reactive Forms
|
||||
|
||||
### What are Reactive Forms?
|
||||
Reactive forms are:
|
||||
- More scalable
|
||||
- Fully controlled using TypeScript
|
||||
- Suitable for complex forms
|
||||
|
||||
### Form Group & Form Control
|
||||
this.form = new FormGroup({
|
||||
name: new FormControl(''),
|
||||
email: new FormControl('')
|
||||
});
|
||||
|
||||
### Validators
|
||||
Validators.required
|
||||
Validators.email
|
||||
|
||||
### Advantages of Reactive Forms
|
||||
- Better control
|
||||
- Easier testing
|
||||
- Dynamic form creation
|
||||
|
||||
### Practical Work Done
|
||||
- Created reactive forms
|
||||
- Applied validators
|
||||
- Handled form submission
|
||||
- Displayed error messages
|
||||
|
||||
### Final Learning Outcome
|
||||
By the end of Week 4, I gained hands-on experience in Angular components, services, routing, and forms, which are essential for building real-world Angular applications.
|
||||
Reference in New Issue
Block a user