ngAfterViewInit with changedetectorref

ngAfterViewInitchangedetectorref.ts

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

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

  count = 0;

  constructor(private cd: ChangeDetectorRef) { }

  increaseCount() {
    this.count = 1;
  }

  ngAfterViewInit() {
    this.increaseCount()
    this.cd.detectChanges() // force change detection manually
  }
}