Angularjs - 搜索過濾器後出現分頁

Question

我是AngularJS的新手。

搜索結果可以顯示在一個頁面，但爲什麼的下一個和以前按鈕顯示？

http://jsfiddle.net/2ZzZB/1473/

<input type="text" id="txtNotessearch" ng-model="search_notes" class="form-control input-sm" placeholder="SEARCH"> 
... 
    <ul> 
     <li ng-repeat="item in data | filter:search_notes | startFrom:currentPage*pageSize | limitTo:pageSize"> 
        {{item}} 
     </li> 
    </ul> 

糾正我，如果我錯了。

Answer 1

因爲NumberOfPages未被過濾。 而不是使用$ scope.data.length，您應該使用過濾器後的長度。

function MyCtrl($scope, $filter) { //Do not forget to inject $filter 
    $scope.currentPage = 0; 
    $scope.pageSize = 10; 
    $scope.data = []; 

    $scope.numberOfPages=function(){ 
     var myFilteredData = $filter('filter')($scope.data,$scope.search_notes); //Filter the data 
     return Math.ceil(myFilteredData.length/$scope.pageSize);     
    } 
    for (var i=0; i<45; i++) { 
     $scope.data.push("Item "+i); 
    } 
} 

此外，我會修改NG-禁用下一步按鈕

button "ng-disabled="(currentPage + 1) == numberOfPages()" 

而且我會添加到search_notes平變化當前頁= 1。

這裏有 http://jsfiddle.net/rLots5zd/

Answer 2

在情況下，你要隱藏當結果可以在一個頁面中顯示的next和previous按鈕小提琴，請在這裏看到小提琴：http://jsfiddle.net/rLots5zd/3/