angular - 如何知道是否单击了垫分页器的下一个或上一个按钮

Question

我一直在努力检查垫子的 first last next 或 previous 按钮的逻辑-点击分页器，搜索一堆网站，但找不到任何合理的方法。

如何检查点击了哪个按钮？

这是我的分页信息的样子:

Answer 1

下面是如何使用 Angular Material 数据表在 Angular 应用程序中实现 mat-paginator 的说明。

.html

<mat-paginator [pageSize]="pageSize" [pageIndex]="pageNo"
      [pageSizeOptions]="[5, 10, 25, 100]" (page)="pageEvents($event)">
</mat-paginator>

.ts

import { MatPaginator } from '@angular/material';

@ViewChild(MatPaginator, { static: true})
paginator: MatPaginator;

pageSize: number;
pageNo: number;

ngOnit() {
   this.pageSize = 10;
   this.pageNo = 0;
}

pageEvents(event: any) {
   console.log(event.pageIndex);
   console.log(event.pageSize);
   if(event.pageIndex > this.pageNo) {
     // Clicked on next button
   } else {
     // Clicked on previous button
   }
   // The code that you want to execute on clicking on next and previous buttons will be written here.
}