如何使用 AngularJs 搜索所有分页条目?

技术专家

我正在使用 Jhipster。该项目已生成分页。我需要搜索所有的 ID(条目),当我搜索任何东西时,它只在前 20 个条目之间进行搜索。如何搜索所有条目?有可能用 angularjs 吗?还是必须从服务器端完成?

给定默认的loadAll()函数:

$scope.loadAll = function() {
            DataEntry.query({page: $scope.page - 1, size: 20, sort: [$scope.predicate + ',' + ($scope.reverse ? 'asc' : 'desc'), 'id']}, function(result, headers) {
                $scope.links = ParseLinks.parse(headers('link'));
                $scope.totalItems = headers('X-Total-Count');
                $scope.bundles = result;
            });
        };

到目前为止我已经尝试过

$scope.commonID = 1; //
$scope.newSetOfData = [];
$scope.searchNsort =function(){
        DataEntry.query(function(result){
                angular.forEach(result , function(dataResponse){
                    if(dataResponse.id == $scope.commomID){
                        $scope.newSetOfData.push(m);
                    }
                });
            });
            return $scope.newSetOfData;       
        };
尼基塔

搜索字段的ng-change 中,我调用了这个filterData函数。$scope.data包含完整的数据。$scope.searchValue包含搜索值。我在 $scope 变量中设置了 currentpage、numberperpage。这段代码对我有用。

 $scope.filterData = function(){

    if ($scope.data != undefined) {
        var filterData = $filter('filter')($scope.data,$scope.searchValue);
        var begin = (($scope.currentPage - 1) * $scope.numPerPage)
        end = begin + $scope.numPerPage;
        $scope.data1 = filterData.slice(begin, end);
    }
  };

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何对使用UI Bootstrap分页进行分页的AngularJS中的所有记录进行排序和筛选

来自分类Dev

AngularJS如何在搜索时更改分页

来自分类Dev

如何从angularjs中的表中导出所有数据,包括所有分页数据?

来自分类Dev

如何在所有记录Angularjs上实现搜索

来自分类Dev

如何使用AngularJS搜索JSON?

来自分类Dev

如何使用AngularJS搜索JSON?

来自分类Dev

如何使用angularJS在列嵌套ng-repeat内执行搜索以首先填充所有行

来自分类Dev

使用angularjs进行分页,所有页面中都显示相同的数据

来自分类Dev

当所有条目都在angularJS中过滤后,如何隐藏容器?

来自分类Dev

如何使用分页搜索Angular 8中的所有数据

来自分类Dev

如何实现angularJS分页

来自分类Dev

如何使用AngularJs创建多重搜索

来自分类Dev

如何使用angularjs实时创建搜索

来自分类Dev

如何使用angularjs获取select的所有选项

来自分类Dev

如何使用AngularJs获取Firebase中的所有对象

来自分类Dev

如何创建搜索方法以搜索与所有其他条目名称完全匹配的名称

来自分类Dev

如何创建搜索方法以搜索与所有其他条目名称完全匹配的名称

来自分类Dev

如何使用ngrepeat和bootstrap ui使用angularjs创建分页?

来自分类Dev

使用AngularJS的搜索建议

来自分类Dev

如何分页动态AngularJS表?

来自分类Dev

如何删除Angularjs中的所有cookie?

来自分类Dev

Angularjs 如何删除所有 cookie?

来自分类Dev

使用angularjs引导程序分页

来自分类Dev

如何使用AngularJS和目录分页对类别进行过滤

来自分类Dev

如何使AngularJs UI boostrap分页与数据一起使用

来自分类Dev

AngularJS + AngularFire =如何编辑条目

来自分类Dev

如何使用Finder搜索所有文件?

来自分类Dev

如何使用AngularJS从Elasticsearch短语建议器显示搜索建议

来自分类Dev

Bootstrap + AngularJS-如何对表列进行排序/搜索/编辑/分页

Related 相关文章

  1. 1

    如何对使用UI Bootstrap分页进行分页的AngularJS中的所有记录进行排序和筛选

  2. 2

    AngularJS如何在搜索时更改分页

  3. 3

    如何从angularjs中的表中导出所有数据,包括所有分页数据?

  4. 4

    如何在所有记录Angularjs上实现搜索

  5. 5

    如何使用AngularJS搜索JSON?

  6. 6

    如何使用AngularJS搜索JSON?

  7. 7

    如何使用angularJS在列嵌套ng-repeat内执行搜索以首先填充所有行

  8. 8

    使用angularjs进行分页,所有页面中都显示相同的数据

  9. 9

    当所有条目都在angularJS中过滤后,如何隐藏容器?

  10. 10

    如何使用分页搜索Angular 8中的所有数据

  11. 11

    如何实现angularJS分页

  12. 12

    如何使用AngularJs创建多重搜索

  13. 13

    如何使用angularjs实时创建搜索

  14. 14

    如何使用angularjs获取select的所有选项

  15. 15

    如何使用AngularJs获取Firebase中的所有对象

  16. 16

    如何创建搜索方法以搜索与所有其他条目名称完全匹配的名称

  17. 17

    如何创建搜索方法以搜索与所有其他条目名称完全匹配的名称

  18. 18

    如何使用ngrepeat和bootstrap ui使用angularjs创建分页?

  19. 19

    使用AngularJS的搜索建议

  20. 20

    如何分页动态AngularJS表?

  21. 21

    如何删除Angularjs中的所有cookie?

  22. 22

    Angularjs 如何删除所有 cookie?

  23. 23

    使用angularjs引导程序分页

  24. 24

    如何使用AngularJS和目录分页对类别进行过滤

  25. 25

    如何使AngularJs UI boostrap分页与数据一起使用

  26. 26

    AngularJS + AngularFire =如何编辑条目

  27. 27

    如何使用Finder搜索所有文件?

  28. 28

    如何使用AngularJS从Elasticsearch短语建议器显示搜索建议

  29. 29

    Bootstrap + AngularJS-如何对表列进行排序/搜索/编辑/分页

热门标签

归档