分页控件不显示页码链接答案

【问题标题】：pagination control not showing page number links分页控件不显示页码链接
【发布时间】：2016-07-21 21:19:46
【问题描述】：

当每页项目是表达式时，分页控制不显示方向箭头，我已经安装了 angular-utils-pagination 使用 bower 在控制器中添加依赖项。请告诉我该怎么做..

【问题讨论】：

显示您的代码以便更好地理解

【解决方案1】：

您必须确保将控件添加到dirPagination.tpl.html，如下所示：

<ul class="pagination" ng-if="1 < pages.length || !autoHide">
    <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)">&lsaquo;</a>
    </li>

    .... repeat items here ....

    <li ng-if="directionLinks" ng-class="{ disabled : pagination.current == pagination.last }">
        <a href="" ng-click="setCurrent(pagination.current + 1)">&rsaquo;</a>
    </li>
    <li ng-if="boundaryLinks"  ng-class="{ disabled : pagination.current == pagination.last }">
        <a href="" ng-click="setCurrent(pagination.last)">&raquo;</a>
    </li>
</ul>

还要确保在dir-pagination-controls 指令上将direction-links 设置为true（默认）。

direction-links (optional, default = true) 指定是否显示分页中的“前进”和“后退”箭头。

如果问题仍然存在，请通过 Punkr/Fiddle/ 分享更多代码...我们可以有更好的见解。

【讨论】：