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

时间:2017-08-17 10:38:39

标签: angularjs jhipster

我正在使用Jhipster。该项目是通过分页生成的。我需要搜索所有ID(条目),当我搜索任何内容时,它只搜索前20个条目。如何搜索所有条目?是否可以使用angularjs?还是必须从服务器端完成?

鉴于deafult 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;       
        };

1 个答案:

答案 0 :(得分:2)

在搜索字段的 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);
    }
  };