AngularJs中的數據表無法正常工作

Question

angularjs中使用的數據表無法正常工作。 您可以在圖像中看到38條記錄 當我在數據表分頁中單擊Number 2時，它顯示為顯示11到20，共38項，但是表中的記錄仍然是1到10，您可以在圖像中看到這是我的代碼：

<tbody data-ng-if="reviewers.length">
<tr data-ng-repeat="reviewer in reviewers">
<td align="center"><a href="javascript:void(0)" data-ng-click="getTaskInfo(reviewer.taskId)">{{reviewer.gtaskId}}</a></td>
<td align="center">{{reviewer.serviceName}}</td>
<td align="center">{{reviewer.projectSubject}}</td>
<td align="center">{{reviewer.taskCreatedDate | date : 'dd MMM yyyy'}}</td>
<td align="center">{{reviewer.taskEndDate | date : 'dd MMM yyyy'}}</td>
</tr>
</tbody>

controller.js中的代碼是

$scope.searchkey='';
    $scope.getReviewerTaskDetails = function(currentPageIndex){

        ReviewerService.getAllReviewerTaskCount().then(function(response){
            $scope.taskscount = response.data;
        });

        ReviewerService.getPendingTaskCount().then(function(response){
            $scope.pendingcount = response.data;
        });

        ReviewerService.getCompletedTaskCount().then(function(response){
            $scope.completedcount = response.data;
        });

        ReviewerService.getDeletedTaskCount().then(function(response){
            $scope.deletedCount = response.data;
        });


        ReviewerService.getReviewerTaskCount($scope.searchkey).then(function(response){
            $scope.paginationIndex = [];
            $scope.pageFullIndex = response.data;
            console.log($scope.pageFullIndex);
            var pagesize = Math.ceil(($scope.pageFullIndex)/($scope.recordsPerPage));
            for(var i=1;i<=pagesize;i++){
                $scope.paginationIndex.push(i);
            }
        });

        ReviewerService.getReviewersTaskByIndex(currentPageIndex,$scope.recordsPerPage,$scope.searchkey).then(function(response){
            $scope.reviewers= response.data;
            $scope.pageStartIndex = ((currentPageIndex-1)*($scope.recordsPerPage))+1;
            $scope.pageEndIndex = (($scope.pageStartIndex)+response.data.length)-1;
            $scope.currentPageIndex = currentPageIndex;
            $scope.selected = currentPageIndex;

        });
    };

甚至有時數據表無法正確加載，也沒有顯示總記錄，它顯示為0到0（共0），沒有分頁號，也無法進行搜索。

如果我選擇100作為每頁記錄，那么所有記錄都會顯示在頁面上。 可以幫我解決這個問題嗎？

Answer 1

使用此自定義指令進行分頁。

https://github.com/Crawlink/material-angular-paging