ngx-datatable对分页的双重初始调用

Question

这是我使用ngx-datatable实现的。

html

<ngx-datatable
  class="table-base table-base_border clickable-list"
  [rows]="tickets"
  [headerHeight]="30"
  [footerHeight]="50"
  [columns]="columns"
  [columnMode]="'flex'"
  [externalPaging]="true"
  [count]="page.totalElements"
  [offset]="page.pageNumber"
  [limit]="page.size"
  [rowHeight]="40"
  (page)="onPageChange($event)"
  [externalSorting]="true"
  [selectionType]="'single'"
  [messages]="messages | async"
  (select)="onSelect($event)"
  [scrollbarV]="true"
  [scrollbarH]="false"
  [virtualization]="false"
  ></ngx-datatable>

.ts

ngOnInit(): void {
  this.onPageChange({ offset: 0 });
}

onPageChange(pageInfo: any): void {
  this.page.pageNumber = pageInfo.offset;
  this.gridQuery.page.size = this.page.size;
  this.gridQuery.page.pageNumber = pageInfo.offset + 1;

  this.getData();
}

问题是getData()有两次，就像datatable总是在加载组件之后调用onPageChange()一样。

如何防止getData()的双重调用

Answer 1

问题是getData()两次，就像datatable总是在加载组件之后调用onPageChange()一样。

您不需要在onPageChange中调用ngOnInit。正如您所看到的，datatable将已经调用它。