[Solved] What is wrong with this component code?@Component({ selector: 'app', template: '{{counter}}', changeDetection: ChangeDetectionStrategy.Default }) export class AppComponent { counter = 0;... | Angular

Angular - Change Detection

What is wrong with this component code?

@Component({ selector: 'app', template: '{{counter}}', changeDetection: ChangeDetectionStrategy.Default }) export class AppComponent { counter = 0; increment() { this.counter += 1 } }

The view does not update after calling increment().

AMissing parentheses after increment method call

BNo error, default strategy updates view automatically

CCounter property is not declared as @Input

DChangeDetectionStrategy.Default is not imported

Step-by-Step Solution

Solution:

Step 1: Check for import errors
If ChangeDetectionStrategy.Default is used but not imported from '@angular/core', Angular will not recognize it, causing no update.
Step 2: Verify other possible issues
Increment method syntax is correct, default strategy updates automatically, and @Input is not required for internal properties.
Final Answer:
ChangeDetectionStrategy.Default is not imported -> Option D
Quick Check:
Missing import of ChangeDetectionStrategy causes no update [OK]

Quick Trick: Always import ChangeDetectionStrategy from '@angular/core' [OK]

Common Mistakes:

MISTAKES

Forgetting to import ChangeDetectionStrategy
Assuming @Input needed for all properties
Missing method call parentheses

Master "Change Detection" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

What is wrong with this component code?

Step 1: Check for import errors

Step 2: Verify other possible issues

Final Answer:

Quick Check:

Want More Practice?