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

Angularjs 滚动后不调用无限滚动中的加载更多功能,angularjs,angular-material,infinite-scroll,nginfinitescroll,jquery-infinite-scroll,Angularjs,Angular Material,Infinite Scroll,Nginfinitescroll,Jquery Infinite Scroll,我正在用角材料开发应用程序 相同的代码适用于角度应用程序,但不适用于角度材质 这是我的控制器代码 $scope.casesData = []; var casesData = {}; $scope.first = 0; $scope.last = 20; var onResponse = function(response){ casesData = response; $scope.loadMore(

我正在用角材料开发应用程序

相同的代码适用于角度应用程序,但不适用于角度材质

这是我的控制器代码

   $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>
$scope.casesData=[];
var casesData={};
$scope.first=0;
$scope.last=20;
var onResponse=函数(响应){
casesData=响应;
$scope.loadMore();
};
$scope.loadMore=函数(){
对于($scope.first;$scope.first<$scope.last;$scope.first++){
if(casesData[$scope.first]!==未定义)
$scope.casesData.push(casesData[$scope.first]);
}
$scope.last=$scope.last+20;
};
这是我的查看代码

   $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条记录,但当我向下滚动页面时,它没有从视图调用loadMore()函数

我在angular js中实现的同一类型的示例只起作用,但不知道为什么这不适用于angular材质


请帮助我解决这个问题。

如果你使用角材料,我会考虑破解jQuery无限滚动和使用MD虚拟重复。谢谢@MikeFeltmanDid你找到解决方案了吗?我也有同样的问题,我不使用材料