Мат Пагинатор выпуск

Question

Я использую таблицу матов ниже структуры в моем проекте.

**<mat-paginator></mat-paginator>
<mat-table></mat-table>
<mat-paginator></mat-paginator>**

In my ts file look like

 **@ViewChild(MatPaginator) paginator: MatPaginator;**


 **Actual problem is first one paginator is working fine and trigger events correctly.
 bottom mat paginator is not working and event is not triggered ,also page,pageIndex is not 
refelecting from first paginator**

Answer 1

@ViewChild запрашивает только одну ссылку на компонент. Но у вас есть два компонента на ваш взгляд. Таким образом, вы должны запросить оба компонента по отдельности, как показано ниже.

<mat-paginator #topPageinator></mat-paginator> <mat-table></mat-table> <mat-paginator #bottomPageinator></mat-paginator>

@ViewChild('topPageinator') paginator: MatPaginator; @ViewChild('bottomPageinator') paginator: MatPaginator;

ИЛИ

Вы можете использовать @ViewChildren вместо @ViewChild

@ViewChildren(MatPaginator) paginators: QueryList<MatPaginator>;