我正在尝试为angularjs应用程序实现无限滚动。了解ngInfiniteCroll 的用法
我正在使用他们的演示中给出的相同示例
第页。这对我不起作用,
配置文件.ejs:
<script src='../controllers/jquery.min.js'></script>
<script src='../controllers/angular.min.js'></script>
<script src='../controllers/ng-infinite-scroll.min.js'></script>
<!-- some other code -->
<ul infinite-scroll='loadMore()' infinite-scroll-distance='1' >
<div ng-repeat="item in images">Item number {{$index}}: {{$item}}</div>
</ul>
<!-- some other code -->
profileController.js
$scope.images = [1, 2, 3, 4, 5, 6, 7, 8];
$scope.loadMore = function() {
alert("called");
var last = $scope.images[$scope.images.length - 1];
for(var i = 1; i <= 2; i++) {
$scope.images.push(last + i);
}
};
浏览器滚动时未调用alert("called")
。有人能帮助我哪里错了吗?或者我如何实现无限滚动?
您是如何定义角度模块和控制器的?
=>您必须在模块中注入"无限滚动"依赖项
=>您必须在模块中定义"infiniteScroll"控制器。
"loadmore"函数必须在"infiniteScroll"控制器中。