Javascript 如何在Ionic中使用无限滚动时获得更多的旋转器？

我不能让它工作。我试图在向下滚动时一次显示10个项目，所以最初是10个项目，滚动后，再次显示10个新项目，同时使用ng repeat，这是可行的，但load more微调器对我不起作用。不管我做什么，我都不能表现出来

HTML:

---

我该怎么做？有没有办法将滚动绑定到图标？

我的猜测是项目加载太快，以至于在显示加载图标之前播放InfiniteSrollComplete

如果您坚持要在这种情况下显示加载图标，请向其添加$timeout

---

选中ionic.app.css包含以下行代码ion infinite scroll.icon{color:666666；font size:30px；color:666666；}ion infinite scroll:not.active.spinner，ion infinite scroll:not.active.icon:before{display:none；}是的，但这意味着什么？我如何实现它？@Siyah你的意思是该项目是使用离子无限卷轴加载的，但加载更多微调器没有显示？正是@whyyie。正在加载项目，但它只是碰巧。。。它们只是被加载了，但我没有看到任何正在加载的指示器没有微调器，没有加载图标，什么都没有。它们只是被添加了，仅此而已。@Siyah我在下面提供的答案是否有助于您解决问题，或者它仍然没有按预期工作？谢谢，whyyie。ng repeat中的列表项以某种方式排序。我注意到，当我使用这个代码段时，列表项的排序方式被打乱了。应该最后显示的项目，首先显示的项目，在加载其他项目后返回到它们的位置。。。。有没有办法保持顺序/层次结构？除此之外，它工作不正常，因为它最初显示4个项目，2秒钟后，它直接显示所有其他项目，而我还没有滚动？！这不应该发生，对吧？我想在滚动后查询它们。@Siyah您能把它复制成完整的代码示例吗？旋转器出来了吗？谢谢，旋转器工作了。我已经在原始代码段中添加了orderby，以便您进行检查。如果我们能解决这个问题，那就太好了。@Siyah我想你最好为这个打开另一个帖子。1旋转器问题已根据标题解决。2添加$timeout不会影响列表的结果，因为代码结构仍然保持不变，除非您发布的原始代码存在逻辑问题。

<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>

$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')
}   

$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);
}