本文主要是介绍解决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}
这篇关于解决angular11+zorro用nz-pagination PageSize PageIndex 绑定失效问题(分页失效问题)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!