上一篇: Angular2如何在保持路线的同时显... 下一篇:如何通过Angular 4中的共享模块正...

angular – ng2-smart-table,后端分页(Spring)

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了angular – ng2-smart-table,后端分页(Spring)，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在使用启用了Pager的后端服务器( Java Spring).我在http 调用上每页加载100条记录.

在angular2服务上,它使用“？page = 1& size = 100”作为初始调用的API调用,而在客户端大小的寻呼机上,它@L_801_4@10并且最多移动10页,这很好.但我无法从服务器加载下一块数据.我检查了ServerDatasource并使用了.setPaging(1,100).

如何加载下一个数据块(2-200)以及如何实现此目的.任何提示都会有所帮助.

@Injectable()
export class Amazonservice extends ServerDatasource {

constructor(protected http: http) {
    super(http);
}

public getAmazonInformation(page,sizE): Observable<Amazon[]> {

    let url = 'http://localhost:8080/plg-amazon?page=1&size=100';
    this.setPaging(1,100,truE);
    if (this.pagingConf && this.pagingConf['page'] && 
       this.pagingConf['perPage']) {
          url += 
       `page=${this.pagingConf['page']}&size=${this.pagingConf['perPage']}`;
}

return this.http.get(url).map(this.extractData).catch(this.handleError);
}

谢谢！

解决方法

尝试将设置设置为智能表,如下所示

<ng2-smart-table #grid [setTings]="setTings" ... >

在您的组件中,定义设置,如下所示：

public setTings: TableSetTings = new TableSetTings();

  ngOnInit(): void {
      ...
    this.setTings.pager.display = true;
    this.setTings.pager.perPage = 100;
    ...
  }