重置搜索:tabset angular 4中的分页问题

时间:2018-05-24 18:33:52

标签: angular pagination ngx-bootstrap angular-ui-tabset

我有两个标签的标签视图。

每个标签都有自己分页的表格。

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

当我点击重置按钮时,有没有办法获取当前所选标签的分页,然后将其重置为第1页?

screenshot

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

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

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

我进行了一项研究,其他一些实施方案也很安静。但是我们在我们的项目中使用它。所以我想了解更多......

另外,如果还有其他方法可以解决这个问题,请告诉我......如果这种方法运作良好,我们可能需要考虑改变策略。

1 个答案:

答案 0 :(得分: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识别每个组件。在某种意义上,选项卡集将多个组件组合为一个组件。这就是为什么只有一个分页有效的原因