作者:栾永亮19820321 | 来源:互联网 | 2022-12-08 13:28
1> PRAKASH THOM..:
假设您已在request中加载了响应数据(Array)。
您可能可以使用splice方法创建一个从requests属性返回一组数据的方法。
因此,在API订阅结果上,可以在首次加载时按以下方式处理:
this.request_service.get_requests()
.subscribe((res) => {
this.pageLength = res['requests'].length;
this.splicedData = res['requests'].slice(((0 + 1) - 1) * this.pageSize).slice(0, this.pageSize);
});
其中pageSize
,已在前面定义为默认值。
然后,无论何时用户更改mat-paginator
模板中的组件,都将pageChangeEvent
运行。模板如下所示:
那么其对应的组成方法就是这个。
pageChangeEvent(event) {
const offset = ((event.pageIndex + 1) - 1) * event.pageSize;
this.splicedData = this.requests.slice(offset).slice(0, event.pageSize);
}
最后,您*ngFor
可以使用splicedData
数组来填充自身。
{{ request.title }}