MatPaginator语言 - 获取开始/结束加载页面数据时的事件

Question

是否有可能知道MatPaginator何时完成加载页面?

当加载一个有500项的页面时，我的浏览器冻结了几秒钟，所以我想显示加载……直到页面完全加载handlePage($event)只在分页

时触发mat-paginator [pageSizeOptions]="[10,25,50,100,500]"showFirstLastButtons(页面)="handlePage(事件)美元">

谢谢!

Answer 1

您可以使用mat-spinner以及一些基本逻辑。

<div *ngIf="isLoading">
<mat-progress-spinner color="primary" mode="indeterminate"></mat-progress-spinner>
</div>

，然后在你的ts文件中，你的数据被提取，你可以使用:

isLoading = true;
this.yourService.getTableData().subscribe(data => {
this.dataSource = data
this.isLoading = false;
}, 
error => this.isLoading = false
);