【问题标题】:Adding Pagination to AngularJS Table向 AngularJS 表添加分页
【发布时间】:2015-04-10 19:29:57
【问题描述】:

所以我得到了一些动态数据并且能够显示它,但我现在想添加一些分页,我已经看到有一些模块可以做到这一点,但我对 Angular 的经验有限,我还没有能够得到一个工作。下面是我的 HTML 表格,基本上在我的 Javascript 中,我正在运行一个 REST POST 调用,它返回数据并将其显示在下表中,但是如果我想使用分页而不是显示整个表格,我该怎么做所以,我并没有尝试做任何花哨的事情,但是除了 angularjs 模块之外,我还尝试了一些 Jquery 插件还没有弄清楚,我认为可能有一种方法可以使用如下所示的简单表格来做到这一点,如果有人的话有什么建议我会很感激的。

<table class="table table-striped">
  <tr>
    <th><b>ID</b></th>
    <th><b>Score</b></th>
    <th><b>Number</b></th>
  </tr>

  <tr ng-repeat="data in restCtrl.results">
    <td>{{ data.id }}</td>
    <td>{{ data.score }}</td>
    <td>{{ data.number }}</td>
  </tr>
</table>

【问题讨论】:

    标签: angularjs pagination


    【解决方案1】:

    您可以将ng-repeat="data in restCtrl.results | filter : paginate" 与 $resource 一起使用:

    http://plnkr.co/edit/79yrgwiwvan3bAG5SnKx?p=preview

    【讨论】:

    • 所以除了显示分页选项之外,我还没有让它工作,我用你上面的内容替换了我的 ng-repeat,我把 放在下面我的表,然后我将该函数添加到我的 javascript 文件中,但没有一个按钮起作用。
    • 别忘了加载 angular-resource.js
    • 这有一个缺陷,如果它是 desc 则仅对当前页面上的数据进行排序
    猜你喜欢
    • 1970-01-01
    • 2016-12-31
    • 2014-07-17
    • 2015-07-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-19
    • 2014-05-10
    相关资源
    最近更新 更多