Angular 2 - Show loading-information when (observableData | async) is not yet resolved

Question

just as the title says, I want to embrace the power of rxjs Observables.

What I do now:

// dataview.html
Loading data         


        
      

Answer 1

One way to do that without any member property could be evaluating the async observable results in the template: !(yourAsyncData$ | async) or !(yourAsyncData$ | async)?.length.

For instance: ...