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

Maybe a little late but in case someone else is wondering how to manage this... What about using a template?

you could for example use something like:

  
{{course.description}}
  

  
Learning Objectives
  

     
 
         {{objective.text}}
  
  
Takeaway
  

     
 
         {{takeaway.text}}
  



  Loading stuff...

so your ion-card-content will be hidden, showing the #template, until the async pipe is loaded.