Change Detection Demos
GitHub
Home
Simple Demo
Detach Demo
AsyncPipe Demo
Expression Changed Demo
Complex Demo
If a component is checked by ChangeDetector it is highlighted with a red border
Global Actions
Trigger setTimeout
Trigger setTimeout outside NgZone
Trigger ApplicationRef.tick()
Trigger markForCheck()
Show Observable Time
Modify Heroes
Add Hero
Hero name
Hero ID
Create new object reference
ChangeDetectionStrategy.Default
Mrs. Kane Torphy
a1dc1ef2-2115-4141-83a7-ecbdfb5019fc
HeroCardComponent
HeroDetailsComponent
Age
Country
Change Name
Change Age
Load name via HTTP
Detach
Reattach
DC
MFC
ChangeDetectionStrategy.OnPush
Mrs. Kane Torphy
a1dc1ef2-2115-4141-83a7-ecbdfb5019fc
HeroCardOnPushComponent
HeroDetailsComponent
Age
Country
Change Name
Change Age
Load name via HTTP
Detach
Reattach
DC
MFC
Built with ♥ by
Mokkapps
|
Source Code
Check browser console for output
detectChanges()
markForCheck()