js 对后端获取到的数据进行分页操作?

发布于 2022-09-13 01:14:00 字数 1102 浏览 18 评论 0

 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>

求教!!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

倾城月光淡如水﹏ 2022-09-20 01:14:00

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文