使用loadmore选项进行ngTable分页?

时间:2015-05-21 17:14:17

标签: javascript angularjs pagination ngtable

我正在使用angular& ngTable插件来列出分页数据。通过分页我的意思是最初列表视图应该有20个项目,然后是" loadMore"按钮。一旦用户点击" loadMore",它应该显示10个项目,然后再显示一个" loadMore按钮"。例如,如果说的总数是50,那么最初的数据将是20,那么每次都会列出10个" loadMore"点击。

我已经完成了demo,但无法为我的用例找到令人信服的解决方案。你能帮帮我吗?非常感谢。

在下面附上用于用例参考的图片: - Image

1 个答案:

答案 0 :(得分:0)

我想出了一个答案,结果很简单。我需要做的就是将一个迭代计数发送到params.count()方法。附上代码以供参考。

       <button type="button" ng-if="params.count()<params.total()" ng-click="params.count(params.count()+10)" class="btn btn-default">More</button>

10 是我想在每次点击按钮时显示的计数,而20是最初显示的项目。感谢