Angular 5中的服务器端分页答案

【问题标题】：server side pagination in Angular 5Angular 5中的服务器端分页
【发布时间】：2022-02-12 13:04:40
【问题描述】：

我需要实现来自 api 的服务器端分页，我正在获取页码和页数限制，我需要在表格下方显示一系列按钮，单击该按钮 api 调用将使用相应的按钮号进行。假设我单击 2 号按钮，然后我需要在表中显示第 2 页数据。为此，我使用 angular 5。我尝试了 ngx-pagination，但它对我不起作用。我的 json 是这样的：

[
  {
    "pagecount": [
      {
        "record_count": "69",
        "pagenumber": "0",
        "pagelimit": "5"
      }
    ]
  },
  {
    "completed": [
      {
        "queueid": "297885",
        "cust_name": "MR DEWESH SHANKER",
        "veh_number": "KA03 MW7878",
        "payment_status": "Paid",
        "queue_total": "7104",
        "rating": "5.0"
      },
      {
        "queueid": "298162",
        "cust_name": "Pratham Motors Stockyard",
        "veh_number": "CH14 0527",
        "payment_status": "Paid",
        "queue_total": "0",
        "rating": "5.0"
      },
      {
        "queueid": "298163",
        "cust_name": "MS PALLAVI R DHOTRAGAVI\t",
        "veh_number": "KA51 MK4228",
        "payment_status": "Paid",
        "queue_total": "2131",
        "rating": "5.0"
      },
      {
        "queueid": "298196",
        "cust_name": "Pratham Motors Stockyard",
        "veh_number": "CH15 9983",
        "payment_status": "Paid",
        "queue_total": "0",
        "rating": "5.0"
      }
    ]
  }
]

我怎样才能做到这一点。有人请吗？

【问题讨论】：

你试过primefaces.org/primeng/#/table。它有很多很棒的功能。不确定这是否适合您的要求。但值得一看:)
尝试使用swimlane.github.io/ngx-datatable

标签： angular pagination server-side

【解决方案1】：

Angular 有很多可用的分页组件，我使用的其中一些是 -

你可以使用

https://www.primefaces.org/primeng/#/datatable/paginator

也取决于您的要求。

【讨论】：

【解决方案2】：

您尝试过角度数据表吗？配置类似于经典的数据表。看起来很有希望。 https://l-lin.github.io/angular-datatables/#/getting-started

【讨论】：