Tout le monde connaît PrimeNG DataTable LazyLoading dans Angular 2

Question

Je veux implémenter PrimeNG DataTable LazyLoading dans Angular 2 mais il n'y a pas d'exemple en temps réel trouvé sur internet.

je l'ai déjà mentionné ci-dessous le site PrimeNG qui montre le chargement paresseux avec des données factices: https://www.primefaces.org/primeng/#/datatable/lazy

Quelqu'un at-il mis en œuvre en appelant BE service? S'il vous plaît aider.

Answer 1

Vous devez ajouter un service pour cela si vous utilisez cli angulaire vous pouvez ajouter avec

ng generate service services/CarService 

après que vous avez besoin d'appeler le service (peut-être api web), vous devez injecter votre service pour vous paresseux composant de charge

constructor(private carService: CarService) { } 

puis vous pouvez utiliser votre databulable lazyload. Dans cet exemple, votre API Web doit renvoyer les voitures de données et les totaux (pour la pagination)

this.carService.getCarsLarge().then(cars => { 
      this.datasource = cars; 
      this.totalRecords = this.datasource.length; 
      this.cars = this.datasource.slice(0, 10); 
     });