问题描述
我有一个带有 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 (将#修改为@)