Как ограничить результат от API в IONIC 3

Question

Я работаю над проектом, в котором мне нужно сделать HTTP-вызов, в котором я получаю массив результатов, длина которого составляет 60+, а загрузка занимает много времени.

Как я могу ограничитьрезультат и отображение списка из 20 массивов при первой загрузке, прокрутке вниз по 20 другим и т. д.?

Это мой .ts файл

    getUserList() {
        this.showLoader();
        this.authService.getData(this.search, "search")
          .then((result) => {
            let yourString = typeof result == 'object' && result["_body"] ? result["_body"] : [];
            let res = yourString.substring(1, yourString.length - 1);
            this.hideLoader();
            this.response = JSON.parse(res);
            console.log(this.response);
          }, (err) => {
            console.log(err);
          });
      }

Это console.log (this.response)

Как мне этого добиться?

Answer 1

Вы должны настроить свой API таким образом, чтобы он возвращал результат при каждой прокрутке. Позвольте мне показать пример кода. Надеюсь, это поможет вам после обновления API,

Упоминание (ionScrollEnd) в шаблоне

<ion-content (ionScrollEnd)="logScrolling($event)">

Ts файл

Объявить переменную как current_page = 0;

logScrolling(event)
{
 this.book_details();
}
book_details()
{
sendData= {'name':'Test'}
this.myservice.online_service(this.funcName, sendData).subscribe(response => {
    if ( response.status === 'success' && response.data.length > 0) {
      this.bookDetails = this.bookDetails.concat(response.data);
      ++this.current_page;
}

Answer 2

Вы не можете управлять с ионной стороны. Но если вы можете изменить API, вы можете создать API, который может возвращать определенное количество данных. Например, в первом запросе API возвращает от 0 до 10 записей. Затем сделал второй запрос, чтобы получить от 11 до 20 записей и так далее. Для достижения этой функциональности вы можете использовать Ionic InfiniteScroll .