angular2-changedetection

How to force a component's re-rendering in Angular 2? For debug purposes working with Redux i'd like to force a component to re-render it's view, is that possible? Rendering happens after change detection. To force change detection, so that component property values that have changed get propagated to the DOM (and then the browser will render those changes in the view), here are some options: ApplicationRef.tick() - similar to Angular 1's $rootScope.$digest() -- i.e., check the full component tree NgZone.run(callback) - similar to $rootScope.$apply(callback) -- i.e., evaluate the callback

In AngularJS you were able to specify watchers to observe changes in scope variables using the $watch function of the $scope . What is the equivalent of watching for variable changes (in, for example, component variables) in Angular? Mark Rajcok In Angular 2, change detection is automatic... $scope.$watch() and $scope.$digest() R.I.P. Unfortunately, the Change Detection section of the dev guide is not written yet (there is a placeholder near the bottom of the Architecture Overview page, in section "The Other Stuff"). Here's my understanding of how change detection works: Zone.js "monkey

Please explain to me why I keep getting this error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Obviously, I only get it in dev mode, it doesn't happen on my production build, but it's very annoying and I simply don't understand the benefits of having an error in my dev environment that won't show up on prod --probably because of my lack of understanding. Usually, the fix is easy enough, I just wrap the error causing code in a setTimeout like this: setTimeout(()=> { this.isLoading = true; }, 0); Or force detect changes with a constructor like this: