нумерация страниц на стороне сервера в Angular 5

Question

Мне нужно реализовать разбиение на страницы на стороне сервера, исходя из API. Я получаю номер страницы и ограничение на количество страниц, мне нужно отобразить последовательность кнопок под таблицей, и при нажатии этой кнопки произойдет вызов API с соответствующим номером кнопки. нажмите кнопку № 2, затем мне нужно отобразить данные страницы № 2 в таблице. Для этого я использую Angular 5. Я попробовал ngx-нумерацию страниц, но у меня это не сработало. Мой 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"
      }
    ]
  }
]

Как мне этого добиться. Кто-нибудь, пожалуйста?

Answer 1

Вы пробовали угловую таблицу данных? Конфигурация похожа на классическую таблицу данных. Выглядит многообещающе. https://l -lin.github.io / Угловое-DataTables / # / получение стартером

Answer 2

Для Angular доступно несколько компонентов нумерации страниц, некоторые из которых я использовал -

• https://www.primefaces.org/primeng/#/paginator
• https://www.npmjs.com/package/angular2-bootstrap-pagination

Вы можете использовать

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

в зависимости от ваших требований.