火焰底座:分页无限卷

Question

我正在跟踪Firebase-util 无限涡旋演示，并且想知道是否有一种方法可以加载初始数量的项，而不是首先加载0项。

当我点击我的按钮时，我正在加载接下来的16个项目。是否有一种方法，我可以加载16个项目在最初的加载，然后另有16个点击我的按钮，等等？

我的HTML和JS看起来如下：

index.html

<h3>Items loaded: {{scrollItems.length}}</h3>
<button ng-click="scrollItems.scroll.next(16)">Load Next 16</button>

app.js

app.controller('ServiceListController', ['$scope', '$firebaseArray', '$scrollArray',
  function($scope, $firebaseArray, $scrollArray) {
    var servicesRef = new Firebase('https://fbutil.firebaseio.com/paginate');
    $scope.scrollItems = $scrollArray(servicesRef, 'number');
}])

app.factory('$scrollArray', ['$firebaseArray', function($firebaseArray) {
  return function(ref, field) {
    var scrollRef = new Firebase.util.Scroll(ref, field);
    var list = $firebaseArray(scrollRef);
    list.scroll = scrollRef.scroll;

    return list;
  }
}])

这是一个在行动中的演示。

对此的任何帮助都将不胜感激。提前感谢！

Answer 1

你可以让它马上得到前16。

list.scroll = scrollRef.scroll;
list.scroll.next(16);
return list;

如果您在滚动：https://github.com/firebase/firebase-util/blob/master/src/Paginate/README.md上查看firebase的文档

它们在滚动用法下有以下几行：

// download the first 20 records
scrollRef.scroll.next(20);