NG-Prime p表分页器仅显示设置了[行数]的命中数

时间:2019-03-07 11:57:21

标签: angular pagination primeng primeng-turbotable

我对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;
    });

0 个答案:

没有答案