滚动后无法调用加载无限滚动中的更多功能

Question

我正在使用Angular材料开发应用程序。

相同的代码适用于角度应用，但不适用于角度材质。

这是我的控制器代码

   $scope.casesData = [];
   var casesData = {};

   $scope.first = 0;
   $scope.last = 20;



    var onResponse = function(response){        
        casesData = response;   
        $scope.loadMore();
    };
    $scope.loadMore = function () {
            for ($scope.first; $scope.first < $scope.last; $scope.first++) {
                if(casesData[$scope.first] !== undefined)
                    $scope.casesData.push(casesData[$scope.first]);
            }
            $scope.last = $scope.last + 20;
    };

这是我的观看代码

<div infinite-scroll="loadMore()" infinite-scroll-distance="3" infinite-scroll-immediate-check="false">
       <div ng-repeat="(key,value) in casesData">
                <div>
                   //Do some stuff
                </div>
                <!-- Recent records listing -->
                <md-item class="item" ng-repeat="case in value track by case.index_no" ng-class="">
                //Do some stuff
               </md-item>
    </div>
 </div>

成功请求后，我发送响应 onResponse（）函数。第一次它给了我20条记录，但当我从页面向下滚动 it's not calling the loadMore()功能

我在角度js中实现的相同类型的例子只是它正在工作但不知道为什么这不适用于角度材料。

请帮我解决这个问题。