标签: angular-ui-pagination

AngularJs如何在Angular UI Bootstrap的分页中显示过滤结果

numPerPage由于Angular UI Bootstrap分页,筛选结果仅在结果中显示.是否有任何选项可以显示过滤结果的$scope.expenses过滤结果?

演示:http://codepen.io/athimannil/pen/zGbBqR

angular.module('mytodos', ['ui.bootstrap']).controller('TodoController', function($scope) {
  /* paggination */
  if (localStorage.getItem("itemPerPage") === null) {
    localStorage.setItem("itemPerPage", 10);
  }
  function getPerPage(){			
    return parseInt(localStorage.itemPerPage);
  }
  $scope.changeNum = function (itemNum) {
    localStorage.itemPerPage = itemNum;
    $scope.numPerPage = getPerPage();
  };

  console.log(localStorage.itemPerPage);
  $scope.numsForPage = [5, 10, 25, 50, 100];
  $scope.currentPage = 1;
  $scope.numPerPage = getPerPage();
  $scope.maxSize = 5;
  
  $scope.filteredTodos = [];
  $scope.currentPage = 1;
  $scope.numPerPage = 10;
  $scope.maxSize = 5;
  $scope.expenses = [
    {
      "id": …
Run Code Online (Sandbox Code Playgroud)

angularjs angularjs-ng-repeat angular-ui-bootstrap angularjs-filter angular-ui-pagination

3
推荐指数
1
解决办法
1752
查看次数