Angular Change Detection
Visualize how Angular's Top-Down Change Detection traverses the component tree. Click a component to simulate a local event, see how markForCheck() flags the path, and watch the tick() cycle execute.
Controls
OnPush Strategy
Marked Dirty path
Currently Checking
Inspection Log
Logs will appear here...
AppComponent
DefaultClick to fire event
HeaderComponent
OnPushClick to fire event
MainComponent
DefaultClick to fire event
ListComponent
DefaultClick to fire event
ItemComponent
OnPushClick to fire event
ItemComponent
OnPushClick to fire event
SidebarComponent
OnPushClick to fire event