过滤后如何获得正确的uib-pagination总项目？答案

【问题标题】：How to get correct uib-pagination total-items after filtering?过滤后如何获得正确的uib-pagination总项目？
【发布时间】：2018-03-01 15:18:53
【问题描述】：

您好，我有一个表格，我想根据天数复选框对其进行过滤。过滤后我想要正确的分页总数。有任何想法吗？

 <div class="form-inline" id="overnightsDays">
        <label translate="ratingCalculator.overnight.displayDays"></label>
        <label ng-repeat="day in days">
            <input type="checkbox" name="{{day.name}}" id="{{day.id}}" ng-model="day.checked" ng-init="selectedDays()" ng-change="selectedDays()">
            <label class="overnights-display-rating margin-less" for="{{day.id}}" translate="ratingCalculator.overnight.{{day.name}}"> </label>
        </label>
    </div>
    <div ng-if="vm.overnights.programs.length" id="overnightsTableData">
        <table class="table table-bordered table-striped">
            <thead>
                <tr>

                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="program in vm.tblOvernights.programs | filter: dayFilter">

                </tr>
            </tbody>
        </table>
        <ul uib-pagination total-items="How to get total items per each filtering" ng-model="vm.tblOvernights.currentPage" max-size="10" items-per-page="vm.tblOvernights.maxSize"
            class="pagination-sm" boundary-link-numbers="true" force-ellipses="true" ng-click="vm.setTblOvernightsPage()"></ul>
    </div>

【问题讨论】：

data-total-items="(vm.tblOvernights.programs | filter:dayFilter).length" 我丢失了一些数据

标签： angularjs angular-ui-bootstrap

【解决方案1】：

我认为你需要一个管道过滤器才能知道从

.filter('startFrom', [
   function() {
        return function(data, start) {
            return data.slice(start);
        };
    }
]);

并像这样在 tr 中重复实现

<tr ng-repeat="program in vm.tblOvernights.programs | filter: dayFilter | 
startFrom:(vm.tblOvernights.currentPage -1) * vm.tblOvernights.pageSize | limitTo: 
vm.tblOvernights.pageSize">

</tr>

【讨论】：