[Solved] Given this reactive form control initialization:this.form = new FormGroup({ email: new FormControl('', [Validators.required, Validators.email])});this.form.controls.email.markAsTouched();console.... | Angular

Angular - Reactive Forms

Given this reactive form control initialization:

this.form = new FormGroup({
  email: new FormControl('', [Validators.required, Validators.email])
});
this.form.controls.email.markAsTouched();
console.log(this.form.controls.email.touched);

What will be logged to the console?

Atrue

Bfalse

Cundefined

Dnull

Step-by-Step Solution

Solution:

Step 1: Understand markAsTouched() effect
Calling markAsTouched() sets the control's touched state to true.
Step 2: Check the touched property after calling markAsTouched()
Since markAsTouched() was called, touched is true and will be logged as true.
Final Answer:
true -> Option A
Quick Check:
markAsTouched() sets touched = true [OK]

Quick Trick: markAsTouched() sets touched to true immediately [OK]

Common Mistakes:

MISTAKES

Assuming touched remains false without user interaction
Confusing touched with dirty
Expecting undefined or null instead of boolean

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 reactive form control initialization:

Step 1: Understand markAsTouched() effect

Step 2: Check the touched property after calling markAsTouched()

Final Answer:

Quick Check:

Want More Practice?