解决angular11+zorro用nz-pagination PageSize PageIndex 绑定失效问题（分页失效问题）

本文主要是介绍解决angular11+zorro用nz-pagination PageSize PageIndex 绑定失效问题（分页失效问题），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

今天遇到一个很奇葩的问题，看文档写的nzPageSizenz PageIndex是支持双向绑定的，但是获取数据以后，页码还是没变回正常的，解决方案如下：

关于分页失效：主要代码是获取数据以后重新赋值一下

async getTable(params) {// const res4: any = await this.myHttpRes('post', this.baseUrl + '/testData', params, false);// if (res4 && res4.success) {//   this.msgSrv.success(res4.msg ? res4.msg : 'Get Data Success!')//   this.listOfData = res4.data.tableData//   this.page.total = res4.data.total//   console.log(this.listOfData)// } else {//   this.msgSrv.error(res4 && res4.msg ? res4.msg : 'Get Table Data Fail!')// }// 模擬數據console.log('第几頁：',params.cur_page)console.log('每頁條數：',params.page_size)let newArr = []newArr = new Array(params.page_size).fill({}).map((_, i) => _ = {item01: i + 1 + (params.cur_page - 1) * 10,item02: 0.01 * (i + 1),item03: i + 10 + '數據',item04: i + 100 + '數據',item05: i + 1000 + '數據',item06: i + 10000 + '數據',})this.listOfData = newArrthis.page.current = params.cur_page // 解決奇葩的問題this.page.pageSize = params.page_size // 解決奇葩的問題this.page.total = 500}

在这里插入图片描述