Сбросить поиск: проблема разбивки на страницы в 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>

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