带有 loadmore 选项的 ngTable 分页?
ngTable pagination with loadmore option?
我正在使用 angular 的 ngTable 插件来列出带分页的数据。通过分页,我的意思是最初列表视图应该有 20 个项目,后跟一个 "loadMore" 按钮。一旦用户点击 "loadMore",它应该显示 10 个项目,然后再次显示 "loadMore button"。例如,总计如果说是 50,那么最初数据将是 20,然后每次都会列出 10 "loadMore" 被点击。
我已经完成了 demo,但无法为我的用例找到令人信服的解决方案。你们能帮我解决这个问题吗?非常感谢。
附上下面的图片作为用例参考:-
我想出了一个很简单的答案。我需要做的就是将迭代计数发送到 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 是初始显示的项目。谢谢
我正在使用 angular 的 ngTable 插件来列出带分页的数据。通过分页,我的意思是最初列表视图应该有 20 个项目,后跟一个 "loadMore" 按钮。一旦用户点击 "loadMore",它应该显示 10 个项目,然后再次显示 "loadMore button"。例如,总计如果说是 50,那么最初数据将是 20,然后每次都会列出 10 "loadMore" 被点击。
我已经完成了 demo,但无法为我的用例找到令人信服的解决方案。你们能帮我解决这个问题吗?非常感谢。
附上下面的图片作为用例参考:-
我想出了一个很简单的答案。我需要做的就是将迭代计数发送到 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 是初始显示的项目。谢谢