title: Angular: ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked
body: <p>What's wrong? 
  Getting the following error in console:</p>
  
  <p>AboutComponent.html:1 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'null: undefined'. Current value: 'null: [object Object]'.</p>
  
  <pre class="lang-typescript prettyprint-override"><code>import { AfterViewInit, Component} from '@angular/core';
  
  export class Test {
  
  }
  
  @Component({
    selector: 'app-about',
    template: `
      {{asd}}
    `
  })
  export class AboutComponent implements AfterViewInit {
  
    asd: Test;
  
    ngAfterViewInit(): void {
      this.asd = new Test();
    }
  }
  </code></pre>