无限滚动复制行

时间:2017-12-07 19:03:32

标签: javascript mysql angularjs nginfinitescroll

我是AngularJS框架的ngInfiniteScroll依赖项。 https://sroze.github.io/ngInfiniteScroll/

它被分配到我的桌子上。

<table infinite-scroll="loadMore()" ng-controller="LastBookingsCtrl">

这是我的javascript文件中的loadMore函数。

$scope.loadMore = function() {
$http.get("last.php?start=" + $scope.currentLoadIndex)
    .then(function (res) {
        if (res.data.length > 0) {
            var count = 0;
                for (var i = 0; i < res.data.length; i++) {
                    $scope.lastBookings.push(res.data[i]);
                    count++;
                }
            $scope.currentLoadIndex += count;
        }
    });
};

我认为load.php中的mysql查询是正确的,但我不确定。

$start = $_GET['start'];
$query = "SELECT * FROM `performs` ORDER BY id DESC LIMIT ".$start.", 20";

它从我的mysql开始从变量编号开始给我20行。

但每当我再次向上和向下滚动时,它都会以某种方式复制。

1 个答案:

答案 0 :(得分:0)

我相信您每次都会得到相同的结果,因为$scope.currentLoadIndex未正确更新then()。尝试将下一个索引设置为当前列表的长度,即:

$http.get("last.php?start=" + $scope.lastBookings.length)