我无法让它工作。我试图在向下滚动时一次显示 10 个项目(所以最初是 10 个,滚动后,再次显示 10 个新项目),同时使用 ng-repeat ,这可以工作,但是负载更多的旋转器不适合我。无论我做什么,我都无法表现出来。
HTML:
<li class="item" ng-repeat="schedule in Schedules | filter:scheduleSearch | limitTo:numberOfItemsToDisplay | orderBy: 'namesAlphabet' as names">
Display some data
</li>
<ion-infinite-scroll on-infinite="addMoreItem()" ng-if="Schedules.length > numberOfItemsToDisplay"></ion-infinite-scroll>
我的 Controller :
$scope.numberOfItemsToDisplay = 10; // Use it with limit to in ng-repeat
$scope.addMoreItem = function(done) {
if ($scope.Schedules.length > $scope.numberOfItemsToDisplay)
$scope.numberOfItemsToDisplay += 10; // load number of more items
$scope.$broadcast('scroll.infiniteScrollComplete')
}
我该怎么做?有没有办法将滚动绑定(bind)到图标?
最佳答案
我的猜测是该项目加载得太快,以至于在显示加载图标之前就广播了 infiniteScrollComplete
。
如果您坚持在这种情况下显示加载图标,请为其添加$timeout
。
$scope.addMoreItem = function(done) {
$timeout(function() {
if ($scope.Schedules.length > $scope.numberOfItemsToDisplay)
$scope.numberOfItemsToDisplay += 10; // load number of more items
$scope.$broadcast('scroll.infiniteScrollComplete')
}, 2000);
}
关于javascript - 如何在 Ionic 中使用无限滚动时加载更多旋转器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42045377/