Angularjs 使用angular js在1分钟后自动显示新表行

Angularjs 使用angular js在1分钟后自动显示新表行,angularjs,Angularjs,我有一个包含100行数据的表,它一次显示10行数据,同时也有分页。我的问题是,我想在不点击页码的情况下显示另外10行。同样地,它应该不断重复,一旦再次重复,它就会出现在第一个位置,就像铁路指示器一样,显示新列车/即将到来的列车,反之亦然 各位如果知道答案,请帮助我,但不要标记为重复/不相关 提前谢谢 <table class="table table-striped responsive-utilities jambo_table bulk_action">

我有一个包含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>

没有
连接号码
收到
日期
{{$index+1}}
{{list.connectionno}
{{list.receivedBy}
{{list.createdAt}日期:“dd/MM/yyyy”}

使用dir paginate指令将
当前页面
属性添加到
,然后从控制器代码调用
$interval

因此,在HTML中:

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

从dir paginate基本示例编辑的Plunker:

使用dir paginate指令将
当前页面
属性添加到
,然后从控制器代码调用
$interval

因此,在HTML中:

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

Plunker根据dir paginate基本示例编辑:

正如您所说,numPages是动态生成的。相反,请尝试此代码,它将解决您的问题。代码在这里

  • 首先计算列表的长度

    var len=$scope.oporderlist.length

  • 稍后获取itemsperpage值

    var pgsize=--itemsperpage\u值--

  • var numpages1=$scope.oporderlist.length/pgsize

  • 当%给出余数和/或商时,使用math.floor(numpages1)获取numpages1值,它将给出精确的分页值

    var numpage=Math.ceil(numpages1)

  • 现在你可以用这个

    $scope.currentPage=($scope.currentPage%numPages)+1 //此处在顶部指定$scope.currentPage=1


  • 所以,只要把所有这些值混合起来就行了。如果您有任何疑问,很高兴为您提供帮助。

    正如您所说,numPages是动态生成的。相反,请尝试此代码,它将解决您的问题。代码在这里

  • 首先计算列表的长度

    var len=$scope.oporderlist.length

  • 稍后获取itemsperpage值

    var pgsize=--itemsperpage\u值--

  • var numpages1=$scope.oporderlist.length/pgsize

  • 当%给出余数和/或商时,使用math.floor(numpages1)获取numpages1值,它将给出精确的分页值

    var numpage=Math.ceil(numpages1)

  • 现在你可以用这个

    $scope.currentPage=($scope.currentPage%numPages)+1 //此处在顶部指定$scope.currentPage=1


  • 所以,只要把所有这些值混合起来就行了。如果您有任何疑问,很高兴为您提供帮助。

    分页需要什么方法?提供一些代码。对于分页,我使用了dir pagination directive。你能显示你的代码吗?签出。您所要做的就是存储当前页面,并在interval函数中添加1,如果达到最大页面数,则再次将其设置为1。您调用什么方法进行分页?提供一些代码。对于分页,我使用了dir pagination directive。你能显示你的代码吗?签出。你所要做的就是存储当前页面,在间隔函数中添加1,如果达到最大页面数,再次将其设置为1。太好了。。。非常感谢@Fissio。但是我不知道我们根据列表中记录的数量生成的numpages的值,那么你需要在间隔内使用一些额外的逻辑来确定下一页是否有要显示的内容:)太好了。。。非常感谢@Fissio。但是我不知道根据列表中记录的数量生成的numpages的值,那么您需要在间隔内使用一些额外的逻辑来确定下一页是否有要显示的内容:)谢谢@Nitin Agarwal。这锅太棒了。再次感谢Hanks@Nitin Agarwal。这锅太棒了。再次感谢