1

我有两个选项卡的选项卡式视图。

每个选项卡都有自己的分页表。

我也有这些选项卡顶部的重置按钮。当我点击重置按钮时,我想将页面重置为 page1。但是,它仅适用于第一个选项卡。第二个选项卡什么也不做。

有没有办法获取当前选定选项卡的分页,然后在我单击重置按钮时将其重置为 page1?

截屏

我们正在使用 ngx-bootstrap 的 PaginationComponent。

我觉得代码太长了,太长了,不能在这里发布。我希望我知道如何使用 plunker 和其他类似的东西......对不起。无论如何,这是我的 github 项目,如果它不太难克隆 :) 它位于 Feature/reset 分支中。

https://github.com/RamenSayami/pagination-app

我做了一个 lil 研究,还有一些其他的 paginaiton 实现很安静。但是我们在我们的项目中使用它。所以我想知道更多关于这...

如果还有其他方法可以实现这一点,也请告诉我……如果这不起作用,我们可能不得不考虑改变我们的策略。

4

1 回答 1

0

我有同样的问题。经过一番研究,我发现添加 id 可以解决问题

<tr *ngFor="let d of tableData | tableFilter : searchText | paginate: { id: '5', itemsPerPage: recordPerPage, currentPage: tblCurPage }">
<pagination-controls id="5" (pageChange)="tblCurPage = $event"></pagination-controls>

因为按照官方教程,当多个分页注入一个组件时,它需要配置 id 让 ngx 识别它们中的每一个。tabset 在某种意义上将多个组件组合成一个组件。这就是为什么只有一个分页有效的原因

于 2019-01-28T05:18:27.920 回答