На проекте использую Angular 5, делаю пагинацию с использованием либы ngx-pagination. Возник такой момент, что пагинацию нужно добавить сверху и снизу в таблицы.
<div class="admin-panel__nav-block navigation-block">
<app-table-filter-size (valueChange)="valueChange($event)" [size]="size"></app-table-filter-size>
<pagination-controls class="table-pagination pagination-block" previousLabel="Previous" nextLabel="Next" id="listing_pagination" (pageChange)="pageChange(p = $event)"></pagination-controls>
</div>
<!--Table -->
...
<!--Table End -->
<div class="admin-panel__nav-block navigation-block">
<app-table-filter-size (valueChange)="valueChange($event)" [size]="size"></app-table-filter-size>
<pagination-controls class="table-pagination pagination-block" previousLabel="Previous" nextLabel="Next" id="listing_pagination" (pageChange)="pageChange(p = $event)"></pagination-controls>
</div>
так будет работать, но это скорее всего не очень хорошая практика, так как используется одинаковая id в разных местах. Удалить id нельзя, она используется для построение таблицы при изменении странице на пагинации. Как поступить в моей ситуации?
