Triggering change detection manually in Angular
Try one of these:
-
ApplicationRef.tick()
- similar to AngularJS's$rootScope.$digest()
-- i.e., check the full component tree -
NgZone.run(callback)
- similar to$rootScope.$apply(callback)
-- i.e., evaluate the callback function inside the Angular zone. I think, but I'm not sure, that this ends up checking the full component tree after executing the callback function. -
ChangeDetectorRef.detectChanges()
- similar to$scope.$digest()
-- i.e., check only this component and its children
You can inject ApplicationRef
, NgZone
, or ChangeDetectorRef
into your component.
I used accepted answer reference and would like to put an example, since Angular 2 documentation is very very hard to read, I hope this is easier:
-
Import
NgZone
:import { Component, NgZone } from '@angular/core';
-
Add it to your class constructor
constructor(public zone: NgZone, ...args){}
-
Run code with
zone.run
:this.zone.run(() => this.donations = donations)