Display loading while using Observable with Async pipe in template

Question

Situation: I am using FirebaseObjectObservable to populate my Ionic 2 (rc0) template. Template code:

  
{{(course | async)?.des         


        

Answer 1

Lets say we have an observable meals$. We need to show loader when the observable is getting resolved(i.e fetching data). Below is the solution.

   //use the meal variable to show some data


   //Show your loader here