ExpressionChangedAfterItHasBeenCheckedError Explained

I had a similar issue. Looking at the lifecycle hooks documentation, I changed ngAfterViewInit to ngAfterContentInit and it worked.