html返回到分页不会重置,ngx-pagination - 重置分页到第一页

在Angular 4.2.4应用中,遇到ngx-pagination组件与服务器端分页不匹配的问题。当用户搜索并点击搜索按钮,服务器返回第一页结果,但分页控件仍显示上次搜索的最后一页。尽管数据已更新,分页栏未重置为第一页。解决方案在于在重新搜索时,将分页的currentPage属性重置为1。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我正在使用ngx-pagination与服务器端分页。因此,用户输入一些搜索条件并点击搜索按钮。这会导致对服务器调用结果的第一页。在客户端,我有这个代码来显示分页控件ngx-pagination - 重置分页到第一页

id="serverPaging">

id:'serverPaging',

itemsPerPage: 10,

currentPage: p,

totalItems: totalResultCount }">

...

这个按预期工作。显示第一页,突出显示分页栏中的“1”。

可以说,用户现在点击最后一页。这会突出显示分页栏中的最后一页。一切工作如预期到目前为止。

现在用户再次单击“搜索”按钮来重新执行搜索。这会重新呈现搜索结果。由于这是全新的搜索,服务器返回第一页。但是,分页栏仍然显示最后一页。

如何将分页栏重置为某个操作的第一页,如重新执行搜索。

角版本:4.2.4 NGX-分页版本:3.0.0

2017-08-13

kayasa

+1

看起来像你传递当前页的PAGINATE管,可能如果你将其设置为1工作当你想重置。 –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值