сбросить пагинатор первой страницы углового материала

Question

Я пытаюсь перейти на первую страницу mat-paginator, то есть сбросить нумерацию страниц, но это не работает.Любая идея, как это можно решить?

Мой HTML такой, что

<mat-paginator [length]="itemTotal" [pageIndex]="page" [pageSize]="itemPage" (page)="pageEvent = getPublicationFollowersData($event)">
    </mat-paginator>

Машинопись:

   getPublicationFollowersData(event?: PageEvent) {
      this.getPublicationsUser(event.pageIndex);
}

, и я пытаюсь инициализировать страницу с помощью:

this.page = 1

Но это не работает.

Answer 1

<mat-paginator #paginator [length]="length"
               [pageSize]="pageSize"
               [pageSizeOptions]="pageSizeOptions"
               (page)="pageEvent = paginationClicked($event)">
</mat-paginator>
@ViewChild('paginator') paginator: MatPaginator;
this.paginator.firstPage();

Answer 2

Вам нужно использовать декоратор ViewChild, чтобы выбрать paginator, а затем установить свойство pageIndex paginator.

@ViewChild() paginator: MatPaginator;
...
this.paginator.pageIndex = 0;