【问题标题】:UI-Bootstrap pagination doesn't work when I upgrade to 1.2.5当我升级到 1.2.5 时,UI-Bootstrap 分页不起作用
【发布时间】:2016-10-20 19:38:55
【问题描述】:

我使用 ui-bootstrap-tpls-0.11.0.js 实现了分页。现在当我升级到 ui-bootstrap-tpls-1.2.5.js,分页不起作用。

有没有使用 ui-bootstrap-tpls-1.2.5.js 进行分页的示例。 使用当前的实现,我使用如下

<pagination total-items="totalItems" ng-model="currentPage"  
    max-size="5" boundary-links="true"  
    items-per-page="numPerPage" class="pagination-sm">  
</pagination>

【问题讨论】:

    标签: angular-ui-bootstrap


    【解决方案1】:

    您的迁移还没有结束。

    来自文档

    从 0.14.0 版本开始,我们开始为所有组件添加前缀。如果您从 ui-bootstrap 0.13.4 或更早版本升级,请查看我们的migration guide

    您要查找的指令名称是uib-pagination。

    查看语法here

    因此,您的新标记(适用于 1.2.5 版)看起来像这样

    <uib-pagination total-items="totalItems" ng-model="currentPage"  
        max-size="5" boundary-links="true"  
        items-per-page="numPerPage" class="pagination-sm">  
    </uib-pagination>
    

    【讨论】:

    • 那么请点击绿色V接受这个答案
    • 在 1.2.5 中进行了一些更改以显示下拉菜单。选择要在页面上显示的每页记录数(5,10,15 ..等等)。它不起作用。是否有任何示例可供参考。
    • 查看迁移指南,他们更改了大多数指令名称甚至服务名称,如果仍有疑问,请使用站点中的示例
    猜你喜欢
    • 2014-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-20
    • 1970-01-01
    相关资源
    最近更新 更多