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
Marjory Kuhic
bb111421-30d4-4415-a6f3-2c8c19c8e7ff
HeroCardComponent
HeroDetailsComponent
Age
Country
Change Name
Change Age
Load name via HTTP
Detach
Reattach
DC
MFC
ChangeDetectionStrategy.OnPush
Marjory Kuhic
bb111421-30d4-4415-a6f3-2c8c19c8e7ff
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()