角-ui-滚动-如何使其工作时，滚动？

Question

我使用的是角用户界面滚动，它是伟大的，当我向下滚动，继续添加项目的预期。但是，当我向上滚动时，它会停在我加载的最后一批的顶部。例如，如果我有100个条目，缓冲区大小为10，并且我已经向下滚动，以便条目61-70正在显示，当我向上滚动时，我希望看到项目51-60。但是，我不能翻过第61项。我不知道我做错了什么。

下面是html：

<div row="row" ui-scroll="row in transactionSource" buffer-size="10" >{{row.data}}</sq-transaction>

下面是剧本：

        $scope.transactionSource = {

        get: function (index, count, callback) {
            if (index < 0) {
                callback([])
           }
            else {
                var buffer = 10;
                var end = ctrl.nextIndex + buffer;
                if (end > ctrl.transactions.length) end = ctrl.transactions.length;
                var items = ctrl.transactions.slice(ctrl.nextIndex, end);
                ctrl.nextIndex = end;

                callback(items);
            }
       }
    };

如果是相关的，当我将接收到的索引和计数值进行console.log时，在第一个加载为10之后，我将得到一个索引为-9 (在这种情况下，我返回一个空数组-如果不这样做，整个数组就会被加载)。当我向上滚动时，我根本没有收到console.log消息，所以就像' get‘只有在向下滚动时才会被调用。

提前感谢您的帮助。

Answer 1

你的数据源看上去不对。检索项(在本例中是切片)应该基于datasource.get方法参数中的索引和计数参数。我想发布一个数据源实现的示例，其中结果项数组被限制在0到100之间，并且应该从一些外部数据数组中切片：

get: function(index, count, success) {
    var result = [];
    var start = Math.max(0, index);
    var end = Math.min(index + count - 1, 100);
    if (start <= end) {
        result = externalDataArray.slice(start, end + 1);
    }
    success(result);
};

希望能帮上忙！