Сбросить поиск: проблема разбивки на страницы в tabset angular 4

Question

У меня есть вкладки с двумя вкладками.

На каждой вкладке есть таблицы с собственной пагинацией.

У меня также есть кнопка сброса поверх этих вкладок.Я хочу сбросить страницу на страницу 1, когда нажму кнопку сброса.Тем не менее, он работает только для первой вкладки.Вторая вкладка ничего не делает.

Есть ли способ получить нумерацию текущей выбранной вкладки и затем сбросить ее на страницу1, когда я нажму кнопку сброса?

снимок экрана

Мыиспользуют PaginationComponent из ngx-bootstrap.

Мне показалось, что код слишком длинный, слишком длинный, чтобы разместить его здесь.Хотел бы я знать, как использовать плункер и все такое, как другие ... извините.В любом случае, вот мой проект на github, если его не слишком сложно клонировать :) Он находится в ветке Feature / Reset.

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

Я провел небольшое исследование, и было несколько другихреализации страниц.Но мы используем это в нашем проекте.Поэтому я хотел бы узнать больше об этом ...

Также дайте мне знать, если есть какие-то другие способы добиться этого ... Возможно, нам придется рассмотреть вопрос об изменении нашей стратегии, если это не работает хорошо.

Answer 1

У меня та же проблема.Проведя некоторые исследования, я обнаружил, что добавление идентификатора решит проблему

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

, поскольку согласно официальному учебному пособию, когда множественное разбиение на страницы вводится в один компонент, необходимо настроить идентификатор, чтобы позволить ngx идентифицировать каждого из них.И tabset в некотором смысле объединяет несколько компонентов в один.Вот почему работает только одна из нумерации страниц