AngularJS ng-repeat handle empty list case

Question

I thought this would be a very common thing, but I couldn\'t find how to handle it in AngularJS. Let\'s say I have a list of events and want to output them with AngularJS, t

Answer 1

With the newer versions of angularjs the correct answer to this question is to use ng-if:

  
( No items in this list yet! )
  
{{ item }}

This solution will not flicker when the list is about to download either because the list has to be defined and with a length of 0 for the message to display.

Here is a plunker to show it in use: http://plnkr.co/edit/in7ha1wTlpuVgamiOblS?p=preview

Tip: You can also show a loading text or spinner:

  
( Loading... )