我正在使用
ng-table
.
我尝试使用example中给出的过滤器,但是为了过滤每个列,我需要有单独的文本框.
但我想要实现的是,一个文本框可以根据任何列数据搜索任何行.
我怎样才能实现这一目标?
就像jquery数据表搜索框一样.
这就是我的表现
HTML
<input type="text" ng-model="searchUser"> <table ng-table="tableParams"> <tr ng-repeat="user in $data"> ... </tr> </table>
脚本
var usersData = []; // initial data $scope.tableParams = new ngTableParams({ page: 1,count: 7 },{ counts : [7,14,21,28],getData: function($defer,params) { var searchedData = searchData(); params.total(searchedData.length); $scope.users = searchedData.slice((params.page() - 1) * params.count(),params.page() * params.count()); $defer.resolve($scope.users); },$scope: { $data: {} } }); $scope.$watch("searchUser",function () { $scope.tableParams.reload(); }); var searchData = function(){ if($scope.searchUser) return $filter('filter')(usersData,$scope.searchUser); return usersData; }
剩余的默认ngtable配置.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。