AngularJS로 JSON을 검색하는 방법은 무엇입니까?

Question

이 내 작업 페이지 매김입니다 :

여기

http://plnkr.co/edit/WmC6zjD5srtYHKopLm7m

내 코드를 요약 한 것입니다 :

var app = angular.module('hCms', []); 
app.controller('samplecontoller', function ($scope, $http) { 
    $scope.showData = function(){ 
     $scope.method = 'GET'; 
     $scope.url = 'homes.json'; 
     $scope.code = null; 
     $scope.response = null; 
     $scope.curPage = 0; 
     $scope.pageSize = 3; 

     $http({method: $scope.method,url: $scope.url}). 
      success(function(data, status) { 
       $scope.status = status; 
       $scope.datalists = data; 
      }). 
      error(function(data, status) { 
       $scope.datalists = data || "Request failed"; 
       $scope.status = status; 
      }); 

     $scope.numberOfPages = function() { 
      return Math.ceil($scope.datalists.length/$scope.pageSize); 
     }; 

    } 

}); 

angular.module('hCms').filter('pagination', function() 
{ 
    return function(input, start) 
    { 
     start = +start; 
     return input.slice(start); 
    }; 
}); 

코드가 문제없이 작동합니다. 이제 검색 필드에 "Dis"라고 입력하면 3 페이지 아래에 항목이 있습니다. 검색은 아무 것도 가져 오지 않습니다. 컨트롤러 (내가 생각하는) 컨트롤러에서 $scope.datalist에 대한 검색을 실행해야합니다.

누가이 문제에 대해 올바른 방향으로 안내하거나 제안 해 줄 수 있습니까?

고마워,

H.

Answer 1

나는이 문제를 했어 - 당신은 당신이 그것을 페이지를 매기 전에 검색을 사용하여 데이터를 필터링 할 수 있습니다.

 <li class="paginationclass" ng-repeat="datalist in datalists | filter:search | pagination: curPage * pageSize | limitTo: pageSize ">