NG-Prime p-table paginator показывает только количество попаданий, сколько [строк] установлено - PullRequest
Новая
       40

NG-Prime p-table paginator показывает только количество попаданий, сколько [строк] установлено

0 голосов
/ 07 марта 2019

У меня проблема с пагинатором p-таблицы NG-Prime.

На данный момент у меня есть 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>

EDIT: !!

Чтобы исправить мою проблему, все, что мне нужно было сделать, это: 

getUsers() {
    this.usersList = <PrivilegedEditUserDTO[]>[];
    this.userService.findPrivilegedUsersUsingGET().subscribe(resp => {
      this.usersList = resp;
    });
...