按过滤器搜索时,ngTable 寻呼机仍然存在

问题描述

我有一个带有 ng-table 的表,在使用 angularjs 过滤器进行搜索时,我得到了结果,但问题是分页仍然存在,尽管在下一个示例中并非所有部分都有数据,我重复了这个问题,在搜索字母g时,当你点击第二个分页器时出现,如何在不分页的情况下获得所有过滤结果?

var app = angular.module('app',["ngTable"]);
app.controller('ctrl',function($scope,NgTableParams){
  
      $scope.data = [
        {id:1,letter:"a"},{id:2,letter:"b"},{id:3,letter:"c"},{id:4,letter:"d"},{id:5,letter:"e"},{id:6,letter:"f"},{id:7,letter:"g"},{id:8,letter:"h"},{id:9,letter:"i"},{id:10,letter:"j"},{id:11,letter:"k"},{id:12,letter:"m"},{id:13,letter:"n"},{id:14,letter:"l"},{id:15,letter:"o"},{id:16,letter:"p"},{id:17,letter:"q"},{id:18,letter:"r"},{id:19,letter:"s"},{id:20,letter:"t"}
      ];
      
      
      $scope.tableParams = new NgTableParams({ count: 5 },{
      dataset:  $scope.data,counts: [5,10,15,20]
    });
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/ng-table/1.0.0/ng-table.js"></script>
   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ng-table/1.0.0/ng-table.css">
 
 
<div ng-app="app">
  <div ng-controller="ctrl">
     <input type="search" ng-model="searchFilter" />
     <table data-ng-table="tableParams" data-show-filter="false" class="table table-bordered table-hover">
        <tr data-ng-repeat="i in $data |filter:searchFilter">
        <td data-title="'Letter'">{{i.letter}}</td>
        </tr>
     </table>
  </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)