首页 > 解决方案 > 是否可以在更改角度材料分页器时为 pageSizeOptions 编写函数?

问题描述

嗨,我正在应用像下面这样的角度材料分页器

<mat-paginator
  [length]="100"
  [pageSize]="10"
  [pageSizeOptions]="[5, 10, 25, 100]"
>
</mat-paginator>

所以在这里我的观点是可以在 pageSize 选项更改上应用更改方法,例如 select 以及 next 和 prev 我们可以应用该功能吗?就像是

<mat-paginator
  [length]="100"
  [pageSize]="10"
  [pageSizeOptions]="[5, 10, 25, 100]"
  (change)="onPageSelectionChange()"
>
</mat-paginator>

在此处输入图像描述

我也试过了

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

这里页面事件正在工作,但我如何调用我的下一个和上一个函数方法

    onPageSelectionChange(event:PageEvent) {
       alert('working');
       console.log(event)
    
    }

    nextButton() {
      console.log('next button pressed')
    }
    previousButton() {
      console.log('prev button press')
    }

    pageEvents(event: PageEvent) {
       console.log(event);
    }

stackblitz url = https://stackblitz.com/edit/angular-vv9tdz

标签: javascriptangularangular-material

解决方案


推荐阅读