[Solved] Examine the following reactive form code snippet and identify the mistake:this.form = new FormGroup({ email: new FormControl('') }); this.form.controls.email = new FormControl('test@example.com'); | Angular

Angular - Reactive Forms

Examine the following reactive form code snippet and identify the mistake:

this.form = new FormGroup({
  email: new FormControl('')
});
this.form.controls.email = new FormControl('test@example.com');

ADirectly assigning a new FormControl to a control property is incorrect; use setValue or patchValue instead.

BFormControl should be imported from '@angular/forms'.

CFormGroup cannot contain only one FormControl.

DThe initial value of FormControl cannot be an empty string.

Step-by-Step Solution

Solution:

Step 1: Analyze the code
The code tries to replace the 'email' control by direct assignment.
Step 2: Understand reactive form control management
Controls should not be replaced by assignment; instead, update values using setValue or patchValue.
Final Answer:
Directly assigning a new FormControl to a control property is incorrect; use setValue or patchValue instead. -> Option A
Quick Check:
Never replace controls by assignment, update values properly [OK]

Quick Trick: Update control values, don't replace controls directly [OK]

Common Mistakes:

MISTAKES

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Examine the following reactive form code snippet and identify the mistake: