[Solved] You wrote this reactive form code but get an error: form.controls['name'] is undefined.... What is the likely cause?this.form = new FormGroup({ email: new FormControl('') }); | Angular

Angular - Reactive Forms

You wrote this reactive form code but get an error: form.controls['name'] is undefined. What is the likely cause?

this.form = new FormGroup({ email: new FormControl('') }); console.log(this.form.controls['name'].value);

AYou must import FormsModule for reactive forms

BFormGroup should be initialized in ngOnInit

CThe 'name' control was not defined in the FormGroup

DThe control name must be 'email' not 'name'

Step-by-Step Solution

Solution:

Step 1: Check FormGroup controls
The FormGroup only defines 'email', no 'name' control exists.
Step 2: Accessing undefined control causes error
Trying to access 'name' control causes undefined error.
Final Answer:
The 'name' control was not defined in the FormGroup -> Option C
Quick Check:
Undefined control access = error [OK]

Quick Trick: Define all controls before accessing them [OK]

Common Mistakes:

MISTAKES

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

You wrote this reactive form code but get an error: form.controls['name'] is undefined. What is the likely cause?