angular - 任何人都知道 Angular 2 中的 PrimeNG DataTable LazyLoading

Question

我想在 Angular 2 中实现 PrimeNG DataTable LazyLoading，但我在互联网上没有找到实时示例。

我已经在下面提到了 PrimeNG 网站，该网站显示了使用虚拟数据进行延迟加载： https ://www.primefaces.org/primeng/#/datatable/lazy

有没有人通过调用BE服务实现的？请帮忙。

Answer 1

如果您使用 Angular cli，则需要为此添加服务

ng generate service services/CarService

之后你需要调用服务（也许是 web api）然后你需要将你的服务注入你的延迟加载组件

constructor(private carService: CarService) { } 

然后你可以使用你的延迟加载数据表。在此示例中，您的 Web api 需要返回数据汽车和总汽车（用于分页）

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