Triggering change detection manually in Angular

by

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.

More Related Contents:

  1. ExpressionChangedAfterItHasBeenCheckedError Explained
  2. @ViewChild in *ngIf
  3. What’s the difference between markForCheck() and detectChanges()
  4. How to force a component’s re-rendering in Angular 2?
  5. How to detect when an @Input() value changes in Angular?
  6. Trigger update of component view from service – No Provider for ChangeDetectorRef
  7. Angular2 ngFor OnPush Change Detection with Array Mutations
  8. Angular2: *ngFor does not update when array is updated
  9. Angular 2 http get not getting
  10. How to dynamically create bootstrap modals as Angular2 components?
  11. How should I use the new static option for @ViewChild in Angular 8?
  12. Stop mouse event propagation
  13. How to make HTTP request at an interval?
  14. Angular2 innerHtml binding remove style attribute [duplicate]
  15. How to call an rest api while bootstrapping angular 2 app
  16. Angular – shared service between components doesn’t work
  17. Services depending on each other
  18. Passing Data with Subjects and Proxies
  19. Angular 2: getting RouteParams from parent component
  20. Angular 4 Pipe Filter
  21. Array of formGroup within mat-table for each row
  22. angular2 – infinite loop when i call method from a Angular 2 class inside template
  23. Multiple layouts for different pages in Angular 2
  24. Angular 2 + Ionic 2: Detect if an object was modified
  25. Http.get() working but not working in build(Release/Debug) in Ionic 4
  26. Change Detection issue — Why is this changing when it’s the same object reference with On Push
  27. How to throw error from RxJS map operator (angular)
  28. Angular2 ngModel inside ngFor (Data not binding on input)
  29. Need BrowserAnimationsModule in Angular but gives error in Universal
  30. What are all the index.ts used for?

Leave a Comment