Expression ___ has changed after it was checked

by

As stated by drewmoore, the proper solution in this case is to manually trigger change detection for the current component. This is done using the detectChanges() method of the ChangeDetectorRef object (imported from angular2/core), or its markForCheck() method, which also makes any parent components update. Relevant example:

import { Component, ChangeDetectorRef, AfterViewInit } from 'angular2/core'

@Component({
  selector: 'my-app',
  template: `<div>I'm {{message}} </div>`,
})
export class App implements AfterViewInit {
  message: string = 'loading :(';

  constructor(private cdr: ChangeDetectorRef) {}

  ngAfterViewInit() {
    this.message="all done loading :)"
    this.cdr.detectChanges();
  }

}

Here are also Plunkers demonstrating the ngOnInit, setTimeout, and enableProdMode approaches just in case.

More Related Contents:

  1. *ngFor running an infinite loop in angular2
  2. Angular 2 custom form input
  3. Angular 2 – Return data directly from an Observable
  4. How do I actually deploy an Angular 2 + Typescript + systemjs app?
  5. How to use moment.js library in angular 2 typescript app?
  6. Chaining RxJS Observables from http data in Angular2 with TypeScript
  7. How can I declare a global variable in Angular 2 / Typescript? [closed]
  8. Angular 2 Show and Hide an element
  9. Angular 2: Convert Observable to Promise
  10. Angular2 – should private variables be accessible in the template?
  11. How to prepare release version with SystemJS and Gulp?
  12. Angular2 canActivate() calling async function
  13. Angular 2 beta.17: Property ‘map’ does not exist on type ‘Observable’
  14. How to display json object using *ngFor
  15. How do you deploy Angular apps?
  16. Angular2 – Http POST request parameters
  17. Angular 2 View will not update after variable change in subscribe
  18. Angular2 handling http response
  19. Angular 2 2.0.0-rc.1 Property ‘map’ does not exist on type ‘Observable’ not the same as issue report
  20. Angular2 – Share data between components using services
  21. Integrating Material Design Lite with Angular2
  22. How can I declare a global variable in Angular 2 and up / Typescript? [closed]
  23. Angular 2 ngModel in child component updates parent component property
  24. How to implement Custom Async Validator in Angular2/4/5
  25. Import gapi.auth2 in angular 2 typescript
  26. Angular 2 loader on each http request
  27. detect change of nested property for component input
  28. What exactly $event object do in Angular 2?
  29. How to place a dynamic component in a container
  30. Access Meta-Annotation inside Class (TypeScript)

Leave a Comment