Блог

У меня проблема с параметром «Элементы на страницу» в таблице mat, я использую Angular 9, поэтому при рендеринге таблицы я пытаюсь выбрать параметр, который я уже добавил в HTML:

  <mat-paginator  [pageSizeOptions]="[5, 10, 20]" [pageSize]="10" showFirstLastButtons></mat-paginator>
  

Поэтому я отображаю таблицу во всплывающем окне, кроме того, я обнаруживаю, что выбор мата отображается за всплывающими окнами, я не знаю почему, но я могу изменить значение элементов на странице только с помощью стрелки клавиатуры снизу, как вы можете видеть на скриншоте :


Не могли бы вы, пожалуйста, помочь мне отображать элементы на странице во всплывающих окнах?

какую версию материала вы используете? Кстати, если у вас есть таблица материалов и разбиение на страницы в mat-диалоговом окне, вам нужно создать инструкцию

 this.dataSource.paginator = this.paginator;
  

После откройте mat-диалоговое окно. Для этого при открытии mat-dialog вы подписываетесь на afterOpened()

 openDialog(): void {
    const dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
      width: '250px',
      data: ...
    });

    //After opened, you indicate that the dataSource.paginator is the "paginator"
    dialogRef.afterOpened().subscribe(res=>{
      dialogRef.componentInstance.dataSource.paginator = 
           dialogRef.componentInstance.paginator)
    })

    dialogRef.afterClosed().subscribe(result => {
        ....
    });
  }