[Solved] Find the issue in this reactive form setup: this.form = new FormGroup({ password: new FormControl('') }); this.form.value.password = '12345'; | Angular

Angular - Reactive Forms

Find the issue in this reactive form setup:

this.form = new FormGroup({
  password: new FormControl('')
});
this.form.value.password = '12345';

ADirectly assigning to form.value properties does not update the form control

BFormControl cannot be initialized with empty string

CFormGroup must be declared as a constant

Dpassword control should be a FormGroup, not FormControl

Step-by-Step Solution

Solution:

Step 1: Understand form.value immutability
form.value is a snapshot object and cannot be mutated directly to update controls.
Step 2: Correct way to update control value
Use form.controls['password'].setValue('12345') to update the control.
Final Answer:
Directly assigning to form.value properties does not update the form control -> Option A
Quick Check:
Update controls via setValue, not form.value object [OK]

Quick Trick: Use setValue() to update form controls, not form.value directly [OK]

Common Mistakes:

MISTAKES

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Find the issue in this reactive form setup: