[Solved] Consider this Angular reactive form snippet:this.form = new FormGroup({ password: new FormControl('', Validators.required)});this.form.controls.password.setValue('');console.log(this.form.controls.... | Angular

Angular - Reactive Forms

Consider this Angular reactive form snippet:

this.form = new FormGroup({
  password: new FormControl('', Validators.required)
});
this.form.controls.password.setValue('');
console.log(this.form.controls.password.valid);

What will be the output in the console?

Afalse

Btrue

Cundefined

Dnull

Step-by-Step Solution

Solution:

Step 1: Analyze Validators.required with empty string
Validators.required fails if the control value is empty string, so valid will be false.
Step 2: Check the valid property after setting empty value
Since password is set to '', validation fails, so valid is false.
Final Answer:
false -> Option A
Quick Check:
Empty required field = valid false [OK]

Quick Trick: Empty required fields are invalid (valid = false) [OK]

Common Mistakes:

MISTAKES

Assuming empty string passes required validator
Confusing valid with dirty or touched
Expecting true for empty value

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

Consider this Angular reactive form snippet:

Step 1: Analyze Validators.required with empty string

Step 2: Check the valid property after setting empty value

Final Answer:

Quick Check:

Want More Practice?