Неизвестный поставщик: $ intervalProvider <- $ interval <- infiniteScrollDirective

Question

Я пытаюсь загрузить данные, используя ngInfinitescroll, но получаю сообщение об ошибке, не понимаю, почему оно возникает, хотя объявлены все необходимые зависимости.Вот моя работа http://jsfiddle.net/ey0c2n1t/

   <div class="clusterize">
  <table infinite-scroll="loadMore()"  infinite-scroll-distance="1">
    <thead>
      <tr>
        <th>Headers</th>
      </tr>
    </thead>
  </table>
  <div>
    <table> 
      <tbody>

        <tr ng-repeat="value in dataFilter = (data | limitTo:numberToDisplay)">
             <td>{{value.id}}</td>
        </tr>
      </tbody>
    </table>
  </div>

JS

var App = angular.module('App', ['infinite-scroll']);

App.directive('whoiam', function($http) {
    return {
        restrict: 'EA',
        templateUrl: 'whoiam.html',
        controller: ctrlr
        }
        function ctrlr($scope) {    

       $scope.data = [];
       $scope.numberToDisplay = 100;

    $http.get('https://jsonplaceholder.typicode.com/comments').success(function(data) {
            $scope.data = data;
        });

         loadMore = function() {
      alert("test");
        if (this.numberToDisplay + 5 <  $scope.data.length) {
            this.numberToDisplay += 5;
        } else {
            this.numberToDisplay =  $scope.data.length;
        }
    }

    }
});

Answer 1

Версия AngularJS (v1.0.3), на которую вы ссылаетесь в своем проекте, несовместима с версией ngInfiniteScroll (v1.3.0), на которую вы ссылаетесь.

Эта ошибка говорит о том, что infiniteScrollDirective пытается внедрить службу $interval, однако поставщик этой службы не может быть найден.

Это связано с тем, что служба $ interval не была доступна в AngularJS 1.0.3.

Обновление версии AngularJS в вашем примере до более новой версии (v1.4.8) устраняет ошибку.

Обратите внимание, что файл bower.json для проекта ngInfiniteScroll зависит от версий AngularJS> = 1.2х.

"dependencies": {
  "angular": ">=1.2.0"
}