angular how to avoid ExpressionChangedAfterItHasBeenCheckedError code example

Example: ExpressionChangedAfterItHasBeenCheckedError:

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

  constructor(
  private cdref: ChangeDetectorRef) { }

  ngAfterContentChecked() {

    this.cdref.detectChanges();

  }