Показать Pagenumbers с использованием мат-paginator угловой 5 материал

Question

Как показать номера страниц с помощью mat-paginator в угловых 5. В настоящее время он поддерживает только стрелки, но я хочу показать номера страниц, например, ngx-paginator

Answer 1

Звучит так, будто вы спрашиваете, как именно отображать номера элементов, отображаемых на странице. Я считаю, что когда я начал использовать приведенные ниже директивы, диапазон элементов появлялся автоматически. Однако, если вы ссылаетесь на параметры размера страницы или количество элементов, видимых на странице, вам поможет следующий код.

Вам необходимо использовать директивы для отображения номеров страниц и параметров размера страницы. Вот пример кода для вашего шаблона, который показывает, что вы ищете:

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

Вы можете использовать @ViewChild(MatPaginator) paginator: MatPaginator; для изменения нумерации страниц из кода.

Кроме того, вот две ссылки на соответствующие части документации угловых материалов, чтобы помочь вам:

https://material.angular.io/components/paginator/overview https://material.angular.io/components/paginator/api