Javascript AngularJS分页-如何在目录分页控件中显示总页数

Javascript AngularJS分页-如何在目录分页控件中显示总页数,javascript,angularjs,pagination,dirpagination,Javascript,Angularjs,Pagination,Dirpagination,我使用了angularUtils.directions.dirPagination,希望在页码旁边显示总页数 我使用以下代码: <li><span>page {{pagination.current}} from {{pages.length}}</span></li> 但是pages.length在实际页面为19时显示max size='10',总页面仅显示10 如何显示真实的总页数?请添加更多代码好吗?看起来您只显示了您的大小和长度。。那么插

我使用了angularUtils.directions.dirPagination,希望在页码旁边显示总页数

我使用以下代码:

<li><span>page {{pagination.current}} from {{pages.length}}</span></li>
但是pages.length在实际页面为19时显示max size='10',总页面仅显示10


如何显示真实的总页数?

请添加更多代码好吗?看起来您只显示了您的大小和长度。。那么插件需要带多少项呢。。请提供更多的代码。你把页面放在哪里了?它是数组还是对象?我应该从您包含的函数中了解什么?这是原始示例,但我在本地编辑了dirPagination.js以获得添加的总页码。请您添加更多代码好吗?看起来您只显示了您的大小和长度。。那么插件需要带多少项呢。。请提供更多的代码。你把页面放在哪里了?它是数组还是对象?我应该从您包含的函数中了解什么?这是原始示例,但我在本地编辑了dirPagination.js以添加总页码
function dirPaginationControlsTemplateInstaller($templateCache) {
    $templateCache.put('angularUtils.directives.dirPagination.template',
    '<ul class="pagination" ng-if="1 < pages.length || !autoHide">
    <li><span>page {{pagination.current}} from {{pages.length}}</span></li>
    <li ng-if="boundaryLinks" ng-class="{ disabled : pagination.current == 1 }">
    <a href="" ng-click="setCurrent(1)">&laquo;</a></li>
    <li ng-if="directionLinks" ng-class="{ disabled : pagination.current == 1 }">
    <a href="" ng-click="setCurrent(pagination.current - 1)">prev</a></li>
    <li ng-repeat="pageNumber in pages track by tracker(pageNumber, $index)"
    ng-class="{ active : pagination.current == pageNumber, 
    disabled : pageNumber == \'...\' || ( ! autoHide && pages.length === 1 ) }">
    <a href="" ng-click="setCurrent(pageNumber)">{{ pageNumber }}</a></li>
    <li ng-if="directionLinks" ng-class="{ disabled : pagination.current == pagination.last }">
    <a href="" ng-click="setCurrent(pagination.current + 1)">next</a></li>
    <li ng-if="boundaryLinks"  ng-class="{ disabled : pagination.current == pagination.last }">
    <a href="" ng-click="setCurrent(pagination.last)">&raquo;</a></li></ul>');
    }