web-dev-qa-db-ja.com

ページ編集者の最初のページをリセットangular material

Mat-paginatorの最初のページに移動しようとしています。つまり、ページネーションをリセットしますが、機能しません。それをどのように解決できるか考えていますか？

私のhtmlはそのようなものです

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

TypeScript：

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

そして私はページを初期化しようとします：

this.page = 1

しかし、それは機能しません。

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

素材の参照を作成するangular paginatorとデータソース

dataSource: MatTableDataSource<any>;
@ViewChild(MatPaginator) paginator: MatPaginator;

次のコードを使用してページネーションをリセットしたい

this.dataSource.paginator = this.paginator;

ページ編集者の最初のページメソッドを呼び出してリセットすることもできます

this.paginator.firstPage();
1
Rohan Shenoy