Angular Material Design 上的分页 - 显示页码或删除行数

Question

Angular 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规则！

分页器现在看起来像这样