angular - 将页码添加到没有 dataSource、mat-table 和 mat-grid-list 的 UI

Question

我能够建造

• 我自己的可观察 svc 到 PostgreSQL 函数在 DB 后端内进行排序和分页
• 此 svc 不扩展也不实现材料的数据源
• frontend mat-card 显示返回的数据
• 这是一张宽表，因此选择了 mat-card，不涉及数据表或网格列表。

完成UI，总页数和可点击的页数在UI这样或下拉是需要的，如何实现？

.HTML

<div *ngIf="anyRows">
    <div *ngFor="let row of anyRows;">
        <mat-card>
            <mat-card-content>...</mat-card-content>
        </mat-card>
    </div>
</div>

.TS

import { toDbSvc } from 'toDbSvc.service'
...

getPageFromDB()
{
    var myparam = { ... };
    this.toDbSvc.getPageFromDB(myparam)
        .subscribe(
        (
            ok => { this.anyRows = ok; },
            bad => {...}
        )
}

角度 v11。

标签： angular