ExpressionChangedAfterItHasBeenCheckedError

ExpressChangedAfterItHasBeenCheckedError

1. setTimeout function.
2. Triggering change detection manually.
3. asyncscheduler.

In Child Component：

//1. 
ngAfterViewInit(): void {
  setTimeout(() => {
    //To do
  }, 0)
};

//2. 
constructor(private cd: ChangeDetectorRef)
ngAfterViewInit(): void {
    // To do
    this.cd.detectChanges();
  }; 
  
//3. 
import {asyncScheduler} from "rxjs";
ngAfterViewInit(): void {
    asyncScheduler.schedule(()=> {
      // To do
    })
  }