title: Angular js - Show message if ng-repeat is empty
body: <p>The following AngularJS application is working with ng-repeat and an applied filter. A certain applied filter leaves no values left. How can I display a notification?</p>
  
  <p><a href="http://jsfiddle.net/z9daLbLm/1/">js fiddle</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div &gt;
  &lt;div data-ng-controller="myCtrl"&gt;
  
  
      &lt;ul &gt;
          &lt;li data-ng-repeat="item in values | filter:filterIds()"&gt; 
              &lt;code&gt;#{{item.id}}&lt;/code&gt; Item
          &lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;p ng-show="!values.length"&gt;no vals with this filter&lt;/p&gt;
      &lt;button ng-click="loadNewFilter()"&gt; filter now&lt;/button&gt;
  &lt;/div&gt;
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p>AngularJS</p>
  
  <pre><code>var app = angular.module('m', []);
  
  app.controller('myCtrl', function ($scope) {
  $scope.values = [{
      id: 1
  }, ....
  }];
  
  $scope.filter = [1,2,3,4,5,6];
  
  $scope.filterIds = function (ids) {
          return function (item) {
              var filter = $scope.filter;
  
                   return filter.indexOf(item.id) !== -1;         
          }
   }
  
  $scope.loadNewFilter = function (){
      $scope.filter = [-1];
      $scope.$apply();
  }
  
  });
  </code></pre>