How to check the length of an Observable array

Question

In my Angular 2 component I have an Observable array

list$: Observable;

In my Template

Answer 1

You can use the | async pipe:

No records found.

Update - Angular Version 6:

If you are loading up a css Skeleton you can use this. If the array has no items it will display the css template. If there is data then fill out the ngFor.

   

      {{ listItem.text }}
   



  
Shows when no data, waiting for Api