javascript - 是否可以在更改角度材料分页器时为 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
解决方案
推荐阅读
- c# - 未创建 Xamarin Forms 实体框架核心数据库
- excel - 工作表更改事件,如果单元格内容被清除,则清除它旁边的单元格
- c - 给定 10 个输入数字并存储在一个数组中,我如何检查下一个值是否与上一个不同?
- excel - 设置给定工作表中的最后一行并复制所有数据并粘贴到另一个工作表中并更新数据透视表
- node.js - 函数lamda的权限被拒绝
- python - 如何在 tkinter 中删除 matplot 行?
- reactjs - useLocation: Hooks 只能在函数组件的主体内部调用
- javascript - 使用 vanilla javascript 一次显示一张图像和相关信息
- flutter - 如何在 dart/flutter 模块中仅导入特定的方法或类
- docker - 通过 kubernetes 将烧瓶容器连接到 redis 容器