js 对后端获取到的数据进行分页操作?
modularList = [
{ id: 1, name: "小红", age: "12" },
{ id: 1, name: "小蓝", age: "13" },
{ id: 1, name: "小绿", age: "11" },
{ id: 1, name: "小粉", age: "12" },
{ id: 1, name: "小青", age: "9" },
]
比如上面是从数据库获取到的数据,因为数据量不大,所以并没有向后端发送分页去请求。所以只通过前端的话如何对这些数据进行分页的操作呢
<div class="mentlist-top">
<div class="modular" *ngFor="let item of modularList" (click)="toggle(item)">
<div class="modular-top">{{item.name}}</div>
<div class="modular-bottom">{{item.age}}</div>
</div>
</div>
<div class="paging">
<div class="paging-left">第 1 页 / 共 5 页</div>
<div class="paging-right">
<button class="top">上一页</button>
<button class="bottom">下一页</button>
</div>
</div>
求教!!!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
当前list = modularList.slice((当前page-1)*pageCount, 当前page*pageCount)