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" },
]

比如上面是从数据库获取到的数据,因为数据量不大,所以并没有向后端发送分页去请求。所以只通过前端的话如何对这些数据进行分页的操作呢
image.png

           <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>

求教!!!

阅读 2k
1 个回答

当前list = modularList.slice((当前page-1)*pageCount, 当前page*pageCount)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题