问题描述
使用ng-zorro-antd的前台分页(一次性获取全部数据)
点击第一个tab页时数据切换到相应tab,点击页码(如第四页页)会切换到相应数据;点击第二个tab页时,页面显示在第四页而不是第一页
解决方法
html
<nz-table #smallTable nzSize="small" [nzData]="data" [nzPageSize]=8 [nzPageIndex]="page"
(nzPageIndexChange)="nzPageIndexChange($event)"
>
分页相关ts代码
page = 1
nzPageIndex = 1
//点击切换数据的方法
handleClick(categoryId, i) {
this.nzPageIndexChange(1)
}
nzPageIndexChange(size) {
this.nzPageIndex = size - 1;
this.page = size
}