I get error for property from observable


#1

I get this error:
JS: ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ‘busy: false’. Current value: ‘busy: true’

For this code:
< ActivityIndicator [busy]=“isLoading$ | async”>

I quess that it cause ngrx when state change and send by observable to component.
How I can fix it? thanks


#2

You seem to be updating your data in a loop / too soon after change detection cycle was completed, besides I’m unsure why you would need an Observable when using Angular.


#3

Yea it is property indicate loading from backend. So it is set to true and then to false.
HttpClient request return Observable and so on ngrx effects.


#4

I too have similar use cases, but this sounds something more specific to your code. Can you try to reproduce it with Playground?