ExpressionChangedAfterItHasBeenCheckedError

ngAfterViewInit

import { Component } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `<span>{{count}}</span>`,
})
export class ChildComponent  {

  count = 0;

  constructor() { }

  increaseCount() {
    this.count += 1;
  }

  ngAfterViewInit() {
    this.increaseCount()
  }
}