可能的原因是mat-pagination的选项卡不可见。对于这个问题,可以尝试以下步骤:
.mat-tab-label{ display: inline-block !important; }
下面是一个示例代码片段,它演示了如何使用mat-pagination来实现分页。
HTML:
TS:
import { Component } from '@angular/core';
@Component({ selector: 'my-pagination', template: `` }) export class MyPaginationComponent { constructor() { }
pageSize = 10; //显示10个项 pageIndex = 0; //第一页(索引从零开始)
onPageChange(event){ this.pageIndex = event.pageIndex; this.pageSize = event.pageSize; // 从服务器获取数据 } }