如何解决角度分页器问题
mat表格中的每页项目选项有问题,我使用的是Angular 9,因此在渲染表格时,我尝试选择一个已经添加到HTML中的选项:
<mat-paginator [pageSizeOptions]="[5,10,20]" [pageSize]="10" showFirstLastButtons></mat-paginator>
因此,我在弹出窗口中显示表格,此外,我发现垫选择显示在弹出窗口的后面,我不知道为什么,但是我只能更改每页项目的值使用屏幕底部或下方的键盘箭头,如屏幕截图所示:
您能帮我在弹出窗口中每页显示项目吗?解决方法
您使用的是什么版本的材料? 顺便说一句,如果您在物料对话框中有物料表和分页器,则需要进行说明
this.dataSource.paginator = this.paginator;
打开垫对话框。为此,当打开mat-dialog时,您订阅afterOpened()
openDialog(): void {
const dialogRef = this.dialog.open(DialogOverviewExampleDialog,{
width: '250px',data: ...
});
//After opened,you indicate that the dataSource.paginator is the "paginator"
dialogRef.afterOpened().subscribe(res=>{
dialogRef.componentInstance.dataSource.paginator =
dialogRef.componentInstance.paginator)
})
dialogRef.afterClosed().subscribe(result => {
....
});
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。