title: Angular: show a message when no results in angular ng-repeat ? (specific case)
body: <p>I have an specific case where I am repeating my data within an accordion, all I need is to display to the user a message when the filter (search box) returns nothing on <code>ng-repeat="sport in sports"</code></p>
  
  <pre><code>&lt;input ng-model="query" placeholder="Search sports..."&gt;
     &lt;accordion close-others="false"&gt;
         &lt;accordion-group ng-repeat="sport in sports | filter:query"
                          ng-show="sport.leagues.length"&gt;
           &lt;accordion-heading&gt;
             &lt;div ng-click="addSportToLines(sport);"&gt;
                {{::sport.name}}
             &lt;/div&gt;
            &lt;/accordion-heading&gt;
            &lt;div class="list-group leagues-margin"&gt;
             &lt;a href="javascript:void(0);" class="list-group-item"
                ng-repeat="league in sport.leagues"
                ng-class="{active: league.active}"
                ng-click="addLeagueToLines(league)"&gt;{{::league.name}}
             &lt;/a&gt;
           &lt;/div&gt;
         &lt;/accordion-group&gt;
       &lt;/accordion&gt;
  </code></pre>