[Solved] Given this component with OnPush:@Component({ selector: 'app-sample', changeDetection: ChangeDetectionStrategy.... }What triggers Angular to check this component for changes? | Angular

Angular - Change Detection

Given this component with OnPush:

@Component({
  selector: 'app-sample',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class SampleComponent {
  @Input() data: string;
}

What triggers Angular to check this component for changes?

AWhen any event happens anywhere in the app.

BWhen the <code>data</code> input reference changes.

COnly when manually calling <code>detectChanges()</code>.

DWhen the component's internal variables change.

Step-by-Step Solution

Solution:

Step 1: Understand OnPush triggers
OnPush triggers change detection when input references change or events inside the component occur.
Step 2: Analyze options
Any event anywhere describes default strategy; manual detectChanges() is not automatic; internal changes are not detected automatically. Input reference change matches OnPush trigger.
Final Answer:
When the data input reference changes. -> Option B
Quick Check:
OnPush triggers = input reference changes [OK]

Quick Trick: OnPush checks on input reference changes [OK]

Common Mistakes:

MISTAKES

Master "Change Detection" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this component with OnPush: