如何在IONIC 3中限制来自API的结果

// 假设我们有一个服务来处理API请求
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable()
export class ApiService {
  private apiUrl = 'https://example.com/api/data'; // 替换为你的API地址

  constructor(private http: HttpClient) {}

  getData(page: number, limit: number): Observable<any> {
    const params = { page: page.toString(), limit: limit.toString() };
    return this.http.get(this.apiUrl, { params: params });
  }
}

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { ApiService } from './api.service';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  items: any[] = [];
  page: number = 1;
  limit: number = 10;

  constructor(public navCtrl: NavController, private apiService: ApiService) {}

  ionViewDidLoad() {
    this.loadData();
  }

  loadData() {
    this.apiService.getData(this.page, this.limit).subscribe(data => {
      this.items = data.results; // 假设API返回的数据在results字段中
    });
  }

  doInfinite(infiniteScroll) {
    setTimeout(() => {
      this.page++;
      this.loadData();
      infiniteScroll.complete();
    }, 1000);
  }
}

<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item *ngFor="let item of items">
      {{ item.name }}
    </ion-item>
  </ion-list>

  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>