1. Feedback
  2. Angular
  3. 30119

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

4
Votes

Grid is not showing spinner when loading observable, but "no records" message instead

We have a SF Grid in Angular with an observable with an async pipe (setup similar to the example at https://ej2.syncfusion.com/angular/documentation/grid/observables/). When the data are loading, the grid shows "no records to display" empty message and does not show a spinner.

Template:
<ejs-grid #grid [dataSource]='content.data$ | async'...>

Component:

data$: Observable<SomeDto[]>;
ngAfterViewInit(): void {
   this.content.data$ = this.dataService.loadData$(this.content.select.value);
}

Data service:



loadData$(selectedValue: string): Observable<Array<SomeDto>> {
  return this.http.get<Array<SomeDto>>(...);
}

When the data are loaded (observable returns value), the grid then shows the rows correctly.