MatPaginator — Получать события при запуске / завершении загрузки данных страницы

#angular #angular-material

Вопрос:

Возможно ли узнать, когда MatPaginator закончит загрузку страницы?

при загрузке страницы с 500 элементами мой браузер зависает на несколько секунд, поэтому я хотел бы показать загрузку… пока страница не будет полностью загружена, handlePage($событие) срабатывает только при подкачке

Спасибо!

Ответ №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
);
 

Комментарии:

1. Спасибо, но я не уверен, что это ответ, мне нужно знать, когда начнется подкачка и когда браузер закончит загрузку всех элементов страницы в таблице. надеюсь, вы меня понимаете 🙂