angular - PrimeNG 表在值更改后保存所选页面

Question

我有一个简单的 PrimeNG 表

<p-table [value]="users"
          [paginator]="true" 
          [rows]="5">
  <ng-template pTemplate="header">
    <tr>
      <th>name</th>
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-user>
    <tr>
      <td>{{user}}</td>
    </tr>
  </ng-template>
</p-table>

表中有超过 5 个用户

users: string[] = ['Mike', 'David', 'John', 'Ronald', 'Mark', 'Polina', 'Anna', 'Olivia', 'Amelia'];

选择表中的第二页，然后将新值赋给this.users

this.users = ['Gregor', 'Ronald'];

但是表格中的第二页仍然处于选中状态，因此表格中没有用户。看直播DEMO

我演示只是删除第二页并单击“更改名称”。新名称不可见。

有没有办法从代码中修复它？

Answer 1

根据 this answer ，你倒霉了。不幸的是，当涉及到这些框架时，限制是生活的一部分。

但是，您始终可以使用锤子和炸药的方法破解它。

See the updated plunk.