如何在 angular 材料中將 angular pageIndex 默認設置為 1？

Question

我在后端（舊代碼）中的pageIndex以1開頭， angular 材料paginator.pageIndex以0開頭。 如何在 angular 材料中將pageIndex默認值設置為1 ？ 如果我初始化pageIndex = 1 。 它實際上不起作用。 如果我將后端值更改為0工作但會破壞其他舊分頁器。 有什么辦法可以做到這一點？

我使用angular 8 & angular material 8.02

應用程序.ts

 @ViewChild(MatPaginator, {static: false}) paginator: MatPaginator; listOrders() { merge(this.paginator.page).pipe( startWith({}), switchMap(() => { this.isLoadingResults = true; return this.storeService.orders(this.paginator.pageSize, this.paginator.pageIndex); }), map((data) => { this.isLoadingResults = false; this.resultsLength = data.max; return data.items; }), catchError(() => { this.isLoadingResults = false; return observableOf([]); }), ).subscribe((data) => (this.data = data)); }

應用程序.html

 <mat-paginator [length]="resultsLength" [pageSize]="pageSize"></mat-paginator>

Answer 1

你可以試試這個：

 ngOnInit() {
     this.dataSource.paginator = this.paginator;
  }

  ngAfterViewInit() {
    setTimeout(() => {
     this.paginator.pageIndex = 1;
    }, 0);
  }

Answer 2

將pageIndex設置為1 ：

<mat-paginator
    [ngClass]="'paginator'"
    [length]="this.propertyCount"
    [pageIndex]="1"
    [pageSize]="this.pageSize"
    [pageSizeOptions]="[5, 10, 25, 100]"
    (page)="updateTableResults($event)"
>
</mat-paginator>