Solution:Step 1: Understand Validators.required effectThe control is initialized with an empty string and a required validator, so it is invalid initially.Step 2: Check valid propertySince the control is empty and required, valid will be false.Final Answer:false -> Option DQuick Check:Empty required

[Solved] Given this code:const form = this.fb.group({email: ['', Validators.required]});console.log(form.controls.email.valid);What will be logged initially? | Angular

Angular - Reactive Forms

Given this code:

const form = this.fb.group({email: ['', Validators.required]});
console.log(form.controls.email.valid);

What will be logged initially?

Atrue

BError: Validators not imported

Cundefined

Dfalse

Step-by-Step Solution

Solution:

Step 1: Understand Validators.required effect
The control is initialized with an empty string and a required validator, so it is invalid initially.
Step 2: Check valid property
Since the control is empty and required, valid will be false.
Final Answer:
false -> Option D
Quick Check:
Empty required control is invalid = false [OK]

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

Common Mistakes:

MISTAKES

Assuming valid is true initially
Confusing valid with touched
Expecting error without import

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

Given this code:

Step 1: Understand Validators.required effect

Step 2: Check valid property

Final Answer:

Quick Check:

Want More Practice?