我对NG-Prime的p型分页器有疑问。
到目前为止,我有27个匹配项来自API调用,其完成方式如下:
getUsers() {
this.usersList = <PrivilegedEditUserDTO[]>[];
this.userService.findPrivilegedUsersUsingGET().subscribe(resp => {
resp.forEach(user => this.usersList.push(user));
});
我已经按照文档中的设置进行了设置,但是它仅显示设置了[行]时的准确点击量。我只有1个页面,其中有10个匹配,但是usersList?.length
显示27个正确的页面。
有什么提示我该如何解决?
<p-table [columns]="cols"
[value]="usersList"
selectionMode="single"
(onRowSelect)="onRowSelect($event)"
dataKey="status"
[responsive]="true"
[paginator]="true"
[rows]="10"
paginatorPosition="both">
<ng-template pTemplate="caption">
Lis of Users [{{usersList?.length}}]
</ng-template>
<ng-template pTemplate="header"
let-columns>
<tr>
<th *ngFor="let col of columns"
[pSortableColumn]="col.field">
{{col.header}}
<p-sortIcon [field]="col.field"></p-sortIcon>
</th>
<th style="width:4.5em"></th>
</tr>
</ng-template>
<ng-template pTemplate="body"
let-rowData
let-columns="columns">
<tr [pSelectableRow]="rowData">
<td *ngFor="let col of columns">
{{rowData[col.field]}}
</td>
<td>
<button pButton
type="button"
class="ui-button-danger"
icon="pi pi-times"
(click)="deleteUser(rowData)"></button>
</td>
</tr>
</ng-template>
</p-table>
编辑:!!
要解决我的问题,我需要做的是以下事情:
getUsers() {
this.usersList = <PrivilegedEditUserDTO[]>[];
this.userService.findPrivilegedUsersUsingGET().subscribe(resp => {
this.usersList = resp;
});