단지 내가이 <code>orderByField</code> 및 <code>reverseSort</code> 변수를 설정 한 다음과 같은 테이블 헤더가 현재 페이지

Question

정렬 뿐만 아니라 이것에 대한 ui.bootstraplibrary :에서

  <uib-pagination total-items="totalItems" 
          ng-model="currentPage" 
          max-size="15" boundary-links="true" 
          items-per-page="numPerPage" class="pagination-sm"> 
      </uib-pagination> 

내 컨트롤러 난 그냥 기본 정렬을 사용하여 내 ng-repeat

$scope.paginate = function (value) { 
    var begin, end, index; 
    begin = ($scope.currentPage - 1) * $scope.numPerPage; 
    end = begin + $scope.numPerPage; 
    index = $scope.items.indexOf(value); 
    return (begin <= index && index < end); 
}; 
$scope.sorter = function (item) { 
     return item[$scope.orderByField]; 
}; 

나의 종류에 적용되는 paginate 기능과 sorter 기능을 가지고,하지만 난 정렬 할 때, 그것은 서로 독립적으로 각 페이지를 정렬합니다. 어떻게 서로 의존하는 모든 페이지에 정렬을 적용합니까? (그리고 나서 사용자를 페이지 매김의 첫 번째 페이지로 보냅니다)?

Answer 1

잘못된 순서로 - 먼저 정렬하고 나서 페이지 매김해야합니다.

app.filter('slice', function() { 
    return function(arr, pageSize, pageNum) { 
    ... 
    return arr.slice(begin, end); 
    }; 
}); 

item in items| orderBy:sorter:reverseSort | slice:numPerPage:currentPage 

깊은 간다 :

item in items| orderBy:sorter:reverseSort | filter:paginate 

또한 PAGINATE 기능이 있으므로 더 나은 자신의 필터를 만들 Array.slice가하는 정확하게하고있는 것을 알 수 큰 배열에 필터를 사용하는 것은 나쁜 방법은, 때마다 어떤 범위 이후 변수가 변경되면이 필터가 실행됩니다. 다칠 수있는 10k 개 요소의 배열이있는 경우 이렇게 th에 ng-click에서 수동으로 잘 분류하십시오.