[Solved] ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value:

ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value:

Solution:

Adding the below block updates the content even after the content check angular lifecycle hook, so you wont be getting thiis error in your console anymore.

constructor(private cdref: ChangeDetectorRef){}

 ngAfterContentChecked() {
    this.cdref.detectChanges();    
     }