Angular ngGrid 分页前进按钮不会禁用

Question

我有一个 json，其中一些数据存储在 $scope.data。

JS

 $scope.pagingOptions = {
        pageSize: 5,
        currentPage: 1
    };

$scope.setPagingData = function (data, page, pageSize) {
        var pagedData = data.slice((page - 1) * pageSize, page * pageSize, page * pageSize);
        $scope.myData = pagedData;
        $scope.pagingOptions.totalServerItems = data.length;
    };

$scope.$watch('pagingOptions', function (newVal, oldVal) {
        if (newVal !== oldVal && newVal.currentPage !== oldVal.currentPage) {
            $scope.setPagingData($scope.data, $scope.pagingOptions.currentPage, $scope.pagingOptions.pageSize);
        }
    }, true);

$scope.gridOptions = {
        data: 'myData',
        enableRowSelection: false,
        enablePaging: true,
        showFooter: true,
        pagingOptions: $scope.pagingOptions
    };

HTML

<div class="gridStyle" ng-grid="gridOptions"></div>

问题

"myData" 有 8 个结果。第一页显示 5，第二页显示 3，但是当数组 "myData" 中没有更多结果时，前进按钮不会禁用。否则，后退按钮可以正常工作。

Answer 1

丢失了 totalServerItems: 'totalServerItems'

 $scope.gridOptions = {
            data: 'myData',
            enableRowSelection: false,
            enablePaging: true,
            totalServerItems: 'totalServerItems',
            showFooter: true,
            pagingOptions: $scope.pagingOptions
        };

Angular ngGrid 分页前进按钮不会禁用

Angular ngGrid pagination forward buttons won't disable

angularjs

ng-grid