[Solved] What is wrong with this Angular code snippet?this.form = new FormGroup({ email: FormControl('')}); - Ans: Missing 'new' keyword before FormControl instantiation | Angular

Angular - Reactive Forms

What is wrong with this Angular code snippet?

this.form = new FormGroup({
  email: FormControl('')
});

AFormControl should be imported from '@angular/forms'

BFormGroup cannot have only one control

CMissing 'new' keyword before FormControl instantiation

DFormGroup requires an array, not an object

Step-by-Step Solution

Solution:

Step 1: Check FormControl instantiation
FormControl must be instantiated with the 'new' keyword.
Step 2: Analyze the code
The code uses FormControl('') without 'new', which causes an error.
Step 3: Review other options
FormGroup cannot have only one control is false; FormGroup can have one control. FormControl should be imported from '@angular/forms' is unrelated to the snippet error. FormGroup requires an array, not an object is incorrect; FormGroup takes an object.
Final Answer:
Missing 'new' keyword before FormControl instantiation -> Option C
Quick Check:
Always use 'new' with FormControl [OK]

Quick Trick: Instantiate FormControl with 'new' keyword [OK]

Common Mistakes:

MISTAKES

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What is wrong with this Angular code snippet?