如何在 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>