angular7 - 垫分页器问题

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**

标签： angular7

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>;