Here is the code snippet from my file named widgetquery.ts:
@Injectable({ providedIn: 'root' })
export class WidgetQuery extends QueryEntity<WidgetState, WidgetTO> {
public Widget$: Observable<WidgetTO> = this.selectActive().filter(k => !!k);
public WidgetHistorikk$: Observable<WidgetTO[]> = this.selectAll({sortBy: 'WidgetId', sortByOrder: Order.DESC}).filter(k => !!k);
constructor(protected store: WidgetStore) {
super(store);
}
}
In the front end, I am utilizing *ngIf as shown below:
<ng-container *ngIf="widgetHistorikk$ | async"> ... </ng-container>
The constructor in my component invokes the following function to retrieve widgets via a service call (which is successful...)
private fetchWidgetHistorikk() {
this.WidgetService.getWidgetHistorikk().filter(h => !!h).subscribe(liste => {
this.WidgetStore.add(liste);
});
}
However, the selectAll query initially returns an empty list [ ] before returning the actual data [ widget1, widget2 ].
It is undesirable to receive the empty list first, even though it may occasionally be the case that the real data is indeed empty...
I wonder why Akita is providing me with the empty list first?
Is there a way to use a "flag" or an "initialization state" to instruct Akita not to return data from the query until the service call is completed, and data has been added to the store through this line of code: this.WidgetStore.add(liste); ?