Error: Expression has changed after it was checked. Previous value: 'true'. Current value: 'false'.

I keep getting this error. In my component I have this:

  ngOnInit() {
    setTimeout(() => {
      this.formOptions = this.formData.get(["categories"])
    }, 0)
  }

And this is in my template:

ng-select([options]="(formOptions | async)?.categories", [multiple]="true", [allowClear]="true", formControlName="sourceCategories")

I have nailed it down to being a problem with ng-select since it goes away once I remove it from my template.

[gieboyz]

Hi you can add this

import { Componen, ChangeDetectorRef } from '@angular/core';
	constructor(
		private cdRef: ChangeDetectorRef
	) {}

       public ngDoCheck() {
		this.cdRef.detectChanges();
	}

[swapsword]

@gieboyz No a good idea to put it inside ngDoCheck function. As, it will start infinite change detection loop.