AngularJs의 Datatable이 제대로 작동하지 않습니다.

Question

angularjs에 사용 된 Datatable이 제대로 작동하지 않습니다. controller.js에서

<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> 

코드

$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을 보여주는으로 표시 전체 기록을 보여주는 제대로로드하지하지입니다 : 여기 You can see in the image there are 38 records When I click on Number 2 in data table pagination, it shows as Showing 11 to 20 of 38 items, but the records in the table are still 1 to 10, you can see in the image 내 코드입니다 0은 0이고 페이지 매김 번호는 없으며 검색이 작동하지 않습니다.

페이지 당 기록으로 100을 선택하면 모든 기록이 페이지에 표시됩니다. 이걸 고치는 데 도움이 될 수 있습니까?

Answer 1

페이지 매김에이 사용자 지정 문을 사용하십시오.

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