Разбивка на угловую конструкцию материала - показать номера страниц или удалить количество строк

Question

Угловой 6/7, Материал Дизайн.

Поскольку у меня нет доступа к общему количеству элементов, количество элементов не имеет значения (поле на снимке экрана).

Как мне полностью удалить количество предметов? Или, в качестве альтернативы, показать страницу, на которой я сейчас нахожусь, вместо количества элементов?

<mat-paginator
    itemsPerPageLabel="Items per page"
    (page)="changePage()"
    [length]="resultsLength"
    [pageSizeOptions]="[10, 100]">
</mat-paginator>

Answer 1

Удалить метку диапазона, вставив глобальный CSS

.mat-paginator-range-label {
    display: none;
}

Вместо этого введите номер страницы (конечно, в зависимости от вашего API - у вас может не быть информации о странице!), Вставив в свой компонент

ngAfterViewChecked() {
        const list = document.getElementsByClassName('mat-paginator-range-label');
        list[0].innerHTML = 'Page: ' + this.page.toString();
}

и, конечно, удалить приведенное выше правило CSS!

Paginator теперь выглядит так