Solution:Step 1: Understand what sets dirty to trueDirty becomes true when the control's value changes from its initial value, either by user or code.Step 2: Identify why dirty is true without user inputIf code changes the control value after creation, dirty becomes true even without user action.Fin

[Solved] You have this code:this.form = new FormGroup({ name: new FormControl('')});console.log(this.form.controls.name.dirty);But it always logs true even though the user did not change the input.... | Angular

Angular - Reactive Forms

You have this code:

this.form = new FormGroup({
  name: new FormControl('')
});
console.log(this.form.controls.name.dirty);

But it always logs true even though the user did not change the input. What is the likely cause?

AThe control was never touched by the user

BThe control value was programmatically changed after initialization

CThe form was not initialized properly

DThe dirty property is always true by default

Step-by-Step Solution

Solution:

Step 1: Understand what sets dirty to true
Dirty becomes true when the control's value changes from its initial value, either by user or code.
Step 2: Identify why dirty is true without user input
If code changes the control value after creation, dirty becomes true even without user action.
Final Answer:
The control value was programmatically changed after initialization -> Option B
Quick Check:
Programmatic value change sets dirty true [OK]

Quick Trick: Programmatic value changes also mark control dirty [OK]

Common Mistakes:

MISTAKES

Assuming dirty only changes on user input
Thinking dirty is true by default
Ignoring programmatic value changes

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

You have this code:

Step 1: Understand what sets dirty to true

Step 2: Identify why dirty is true without user input

Final Answer:

Quick Check:

Want More Practice?