[Solved] In this Angular snippet:ngOnInit() { this.value = 10; this.cd.detectChanges(); this.value = 20; }Why might the view show 10 instead of 20 after initialization? | Angular

Angular - Change Detection

In this Angular snippet:

ngOnInit() {
  this.value = 10;
  this.cd.detectChanges();
  this.value = 20;
}

Why might the view show 10 instead of 20 after initialization?

AdetectChanges() was called before the last value update

BdetectChanges() freezes the view at 10

CAngular does not support detectChanges() in ngOnInit

DThe value 20 is ignored by Angular

Step-by-Step Solution

Solution:

Step 1: Analyze order of value updates and detectChanges()
detectChanges() runs after value is 10 but before it changes to 20.
Step 2: Understand view update timing
The view updates to 10, then value changes to 20 without triggering detection again.
Final Answer:
detectChanges() was called before the last value update -> Option A
Quick Check:
Detection timing matters for view updates [OK]

Quick Trick: Call detectChanges() after all data updates [OK]

Common Mistakes:

MISTAKES

Master "Change Detection" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

In this Angular snippet: