Разбивка на стороне сервера с использованием Angular 6 Table / Grid и веб-API - PullRequest
0 голосов
/ 12 октября 2018

У меня есть веб-API, который принимает запросы GET следующим образом

https://myapi.net/api/childinfo/getallchildinfo/pagesize/pagenumber

Это возвращает массив объектов json, как это:

 [  
       {  
          "child":{  
             "id":2832,
             "childId":19979,
             "motherId":20072,
             "guardianId":0,
             "fatherId":19549,
             "childFirstName":"Hapan",
             "childMiddleName":"Victoria Sue",
             "childLastName":"Lafromboise",

          },
          "mother":{  
             "id":3274,
             "motherId":20072,
             "motherFirstName":"Chasity",
             "motherMiddleName":null,
             "motherLastName":"Dumarce",

          },
          "father":{  
             "id":2738,
             "fatherId":19549,
             "fatherFirstName":"gary",
             "fatherMiddleName":null,
             "fatherLastName":"Lafromboise",

          },
          "guardian":null
       },
       {  
          "child":{  
             "id":2831,
             "childId":19978,
             "motherId":20071,
             "guardianId":0,
             "fatherId":19548,
             "childFirstName":"Dale",
             "childMiddleName":"Michael Austin",
             "childLastName":"Palmier",       
          },
          "mother":{  
             "id":3273,
             "motherId":20071,
             "motherFirstName":"Glenna",
             "motherMiddleName":null,
             "motherLastName":"Goodsell",
               },
          "father":{  
             "id":2737,
             "fatherId":19548,
             "fatherFirstName":"WILLIAM",
             "fatherMiddleName":null,
             "fatherLastName":"PALMIER",

          },
          "guardian":null
       },
       {  
          "child":{  
             "id":2830,
             "childId":19977,
             "motherId":20070,
             "guardianId":0,
             "fatherId":19547,
             "childFirstName":"Jahna",
             "childMiddleName":null,
             "childLastName":"Grimm",

          },
          "mother":{  
             "id":3272,
             "motherId":20070,
         "motherFirstName":"Casey",
         "motherMiddleName":null,
         "motherLastName":"Miller",

      },
      "father":{  
         "id":2736,
         "fatherId":19547,
         "fatherFirstName":"John",
         "fatherMiddleName":null,
         "fatherLastName":"Grimm",

      },
      "guardian":null
   }
]

Есть много примеров онлайн, где нумерация страниц выполняется на стороне клиента, но это не вариант для меня.Какой самый простой вариант таблиц / сеток, где я могу реализовать разбиение на страницы на стороне сервера, как показано выше?

Заранее большое спасибо ...

1 Ответ

0 голосов
/ 12 октября 2018

Вы пробовали таблицу угловых материалов?

Посмотрите на пример под названием Таблица получения данных по HTTP

...