即使有了所有的例子,也无法让分页工作

时间:2014-03-21 17:46:48

标签: angularjs

我花了3天的时间试图让它发挥作用。我在网上使用了很多例子,但我似乎无法做到正确    CONTROLLER

    $scope.jobArray = Job.query();
    $scope.currentPage = 1
    $scope.numPerPage = 10
    $scope.maxSize = 5;

    $scope.numPages = function () {
        return Math.ceil($scope.jobArray.length / $scope.numPerPage);
    };

    $scope.$watch('currentPage + numPerPage', function () {
        var begin = (($scope.currentPage - 1) * $scope.numPerPage)
        , end = begin + $scope.numPerPage;

        $scope.jobArray = $scope.jobArray.slice(begin, end);

    }); 

查看

     <select class="form-control" ng-model="search.jobTitle" >
      <option value="">Select</option>
     <option ng-repeat="jTitle in jobTitleList | unique:'jobTitle' " value=" {{  
     jTitle.jobTitle }}"> {{ jTitle.jobTitle }}</option>         

1 个答案:

答案 0 :(得分:0)

你见过THIS JSFIDDLE例子吗?在我看来,这是最简单的例子。关键是要使用内置的过滤器“限制”,并编写一个自定义的“启动”按钮。过滤。如果您对自己的情况有任何疑问,请设置一个小提琴,我们可以为您提供更多帮助。

<option ng-repeat="jTitle in jobTitleList | startFrom:currentPage*numPerPage | limitTo:numPerPage" value="{{jTitle.jobTitle}}">
    {{jTitle.jobTitle}}
</option>

app.filter('startFrom', function() {
    return function(input, start) {
        start = +start; //parse to int
        return input.slice(start);
    }
});