title: How to do an ng-repeat that returns items of an array every 3 seconds
body: <p>I want to be able to return items from an array using ng-repeat.</p>
  
  <p>What I want is some animated effect, where each item is displayed 3 seconds after the previous item.</p>
  
  <p>Here is an example ng-repeat that return results after 3 seconds delay.
  <a href="http://jsfiddle.net/98rbe9hc/" rel="nofollow">http://jsfiddle.net/98rbe9hc/</a></p>
  
  <pre><code>&lt;div ng-controller="MyCtrl"&gt;
      &lt;ul&gt;
       &lt;li ng-repeat="phone in phones | filter:delay_filter"&gt;
       &lt;span&gt;Name : {{phone.name}}&lt;/span&gt;
       &lt;/li&gt;
       &lt;/ul&gt;
  &lt;/div&gt;
  
  var myApp = angular.module('myApp',[]);
  
  //myApp.directive('myDirective', function() {});
  //myApp.factory('myService', function() {});
  
  myApp.controller('MyCtrl', function($scope, $timeout) {
      var delayed = false;
      $scope.phones = [
          { name: 'Motorola' }, 
          { name: 'Nokia' },
          { name: 'Ericsson' }
      ];
  
      var delayInMilliseconds = 3000;
      var doneWaiting = false;
      $scope.delay_filter= function(item){
          return doneWaiting;
      };
  
      $timeout(function() {
          doneWaiting = true;
      }, delayInMilliseconds);
  });
  </code></pre>
  
  <p>But what I want is for each item in array to be displayed 3 seconds after the previous item.</p>