Я использую тег nz-table, и моя таблица конфигурации выглядит следующим образом.
<nz-table #stockTable
[nzData]="listData" nzSize="small"
[nzLoading]="loading"
[nzTotal]="pageTotal"
[nzPageIndex]="pageIndex"
[nzPageSize]="pageSize"
[nzShowPagination]="true">
и не использую нумерацию таблиц вместо использования отдельного компонента нумерации страниц, как показано ниже
<nz-pagination (nzPageIndexChange)="pageIndexChanged($event)" (nzPageSizeChange)="pageSizeChanged($event)"
[nzPageIndex]="pageIndex" [nzPageSizeOptions]="pageSizeOptions"
[nzPageSize]="pageSize" [nzTotal]="pageTotal" [nzShowTotal]="totalTemplate"
class="pagination" nzShowQuickJumper
nzShowSizeChanger>
<ng-template #totalTemplate let-total> Toplam {{ total }} stok bulunmaktadır.</ng-template>
</nz-pagination>
после обновления до версии 9 нг-зорро. nz-pagination начала работать не так, как раньше, в версии 8, когда нажали вторую страницу, когда nz-pagination показывает, что данные поступают из API, но страница не обновляется. Все данные принадлежат странице 1
Я также добавил pageIndexchange и методы загрузки данных. индекс страницы и размер страницы в filterModel
pageIndexChanged($event: number) {
this.pageIndex = $event;
this.filterModel.pageIndex = this.pageIndex;
this.loadPage();
}
loadPage() {
this.filterModel.searchTerm = this.searchTerm;
this.stockHttpService.getList(this.filterModel).subscribe(data => {
if (this.stockHttpService.checkResponse(data)) {
this.loading = false;
this.pageTotal = data.apiResult.dataCount;
this.listData = data.apiResult.dataResult;
}
}
);
this.savePageParameter();
}