Question

我有一个包含100行数据的表，它一次显示10行，也有分页。我的问题是，我想显示另外10行而不点击分页编号。就像它应该再次重复一样，它首先就像铁路指示器一样，显示新列车/即将到来的列车反之亦然。

伙计们如果知道答案，请帮助我，但不要标记为重复/无关......

提前致谢

 <table class="table table-striped responsive-utilities jambo_table bulk_action">
                <thead>
                  <tr class="headings">
                       <th class="column-title">S No</th>
                      <th class="column-title">Connection Number</th>
                    <th class="column-title">Received By</th>
                    <th class="column-title">Date</th>
                  </tr>
                </thead>
                <tbody >
                  <tr class="even pointer" dir-paginate="list in oporderlist| filter:search|orderBy:sortKey:reverse|itemsPerPage:10">
                      <td class=" " >{{$index+1}}</td>
                      <td class=" " >{{list.connectionno}}</td>
                      <td class=" " >{{list.receivedBy}}</td>
                      <td class=" " >{{list.createdAt|date:"dd/MM/yyyy"}}</td>
                  </tr>
                </tbody>
              </table>
                <dir-pagination-controls
   max-size="3"
   direction-links="true"
   boundary-links="true" style="float:right" >
</dir-pagination-controls>

Answer 1

使用dir-paginate指令为current-page添加<tr>属性，然后从控制器代码中调用$interval。

所以在你的HTML中：

<tr class="even pointer" current-page="currentPage"
    dir-paginate="list in oporderlist| filter:search|orderBy:sortKey:reverse|itemsPerPage:10">

并在控制器中：

$scope.currentPage = 1;
var numPages = 10;

$interval(function() {
  $scope.currentPage = ($scope.currentPage % numPages) + 1;
}, 10000)

从dir-paginate基本示例编辑的Plunker：http://plnkr.co/edit/Q3NjpOehzXN9rNV9fsAh?p=preview

Answer 2

正如您所说，numPages是动态生成的。而是尝试使用此代码来解决您的问题。代码在这里......

首先计算列表的长度

var len = $ scope.oporderlist.length
稍后获取itemsperpage值

var pgsize = - itemsperpage_value -
var numpages1 = $ scope.oporderlist.length / pgsize
因为％给出了余数并且/给了商，用math.floor（numpages1）得到numpages1值，它会给你准确的分页值。

var numpage = Math.ceil（numpages1）
现在你可以使用它，

$ scope.currentPage =（$ scope.currentPage％numPages）+1 //这里在顶部分配$ scope.currentPage = 1

所以只需混淆所有这些价值及其完成。更多任何疑问，很乐意为您提供帮助。

使用角度js

2 个答案: