Как я могу связать Paginator, который меняет число элементов на странице, когда я изменяю число fe с 10 на 5. Теперь я могу изменить номер paginator, но таблица и показанные данные совпадают.
это мой HTML -компонент
<div class="example-container">
<table mat-table [dataSource]="dataSource" class="example-table"
matSort >....
<mat-paginator [length]="resultsLength"
[pageSize]="pageSize"
[pageSizeOptions]="pageSizeOptions"
showFirstLastButtons
(page) ="pageEvent = $event">
</mat-paginator>
А это мой машинописный файл
export class TableHttpExample implements AfterViewInit , OnInit {...
displayedColumns: string[] = ['CheckboxA','UserName','name', 'vorname', 'email', 'Strasse', 'PLZ'];
exampleDatabase: ExampleHttpDatabase | null;
data: User[] = [];
dataSource = new MatTableDataSource<User>(data);
resultsLength = null;
isLoadingResults = true;
checkbox_list =[];
isRateLimitReached = false;
user: User;
pageSize = 10;
pageSizeOptions: number[] = [5, 10, 25, 100];
pageEvent: PageEvent;
...
ngOnInit() {
this._dataService.getUsers().subscribe((Users: User[]) => this.loadUsers(Users));
this.checkbox_list = [User];
this.dataSource.paginator = this.paginator;
this.dataSource.sort = this.sort;
};
loadUsers(Users) {
this.dataSource = Users;
this.resultsLength = Users.length;
this.pageSize = Users.length;
this.isLoadingResults = false;
}