[Solved] How can you ensure a deeply nested object input triggers change detection in an OnPush component? - Ans: Create a new object reference when updating nested properties. | Angular

Angular - Change Detection

How can you ensure a deeply nested object input triggers change detection in an OnPush component?

ACreate a new object reference when updating nested properties.

BModify nested properties directly without changing the object.

CUse <code>ChangeDetectorRef.detach()</code> to force detection.

DSet the component's change detection to default.

Step-by-Step Solution

Solution:

Step 1: Recognize OnPush input detection
OnPush detects changes by comparing input references, not deep properties.
Step 2: Update nested objects correctly
Creating a new object reference triggers detection; direct mutation does not.
Final Answer:
Create a new object reference when updating nested properties. -> Option A
Quick Check:
Trigger OnPush with new object reference [OK]

Quick Trick: Always replace objects to trigger OnPush detection [OK]

Common Mistakes:

MISTAKES

Master "Change Detection" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

How can you ensure a deeply nested object input triggers change detection in an OnPush component?