Expression ___ has changed after it was checked

Question

Why is the component in this simple plunk

@Component({
  selector: \'my-app\',
  template: `
I\'m {{message}} 
`,
})
export class App {         


        

Answer 1

I switched from AfterViewInit to AfterContentChecked and It worked for me.

Here is the process

1. Add dependency in your constructor:

   constructor (private cdr: ChangeDetectorRef) {}

2. and call your login in implemented method code here:

    ngAfterContentChecked() {
        this.cdr.detectChanges();
     // call or add here your code
    }