确保从后端接收到的数据格式正确。数据应该是一个对象,包含一个数组和总记录数。例如: { "data": [...], "totalRecords": 100 }
在前端代码中正确设置分页器的选项。例如:
// ts文件 pageNumber = 1; pageSize = 10;
// html文件
// 计算数据 const startIndex = (this.pageNumber - 1) * this.pageSize; const endIndex = Math.min(startIndex + this.pageSize - 1, this.totalRecords - 1); const dataToDisplay = this.data.slice(startIndex, endIndex + 1);
确保在请求后端数据时正确设置分页参数。例如:
// ts文件 getData() { this.service.getData(this.pageNumber, this.pageSize).subscribe(data => { this.data = data.data; this.totalRecords = data.totalRecords; }); }
// 服务
getData(pageNumber: number, pageSize: number): Observable${baseUrl}?pageNumber=${pageNumber}&pageSize=${pageSize}
;
return this.http.get(url);
}