title: ngInfiniteScroll loadMethod invoke only once
body: <pre><code>&lt;div &gt;
  &lt;div infinite-scroll='loadMore()' infinite-scroll-distance='2'&gt;
      &lt;img ng-repeat='image in images' ng-src='http://placehold.it/225x250&amp;text={{image}}'&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>$scope.images = [1, 2, 3, 4, 5, 6, 7, 8];
  
      $scope.loadMore = function () {
          console.log('scroll');
          var last = $scope.images[$scope.images.length - 1];
          for (var i = 1; i &lt;= 30; i++) {
              $scope.images.push(last + i);
          }
      };
  </code></pre>
  
  <p>the loadMore function is only invoked on the beginning when i enter the page, after scrolling down this method is not invoked anymore, why is it?</p>