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'];

但是表中仍然选择了第二页，因此表中没有用户。观看现场演示

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

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

标签： angularprimeng

Answer 1

根据这个答案，你不走运。不幸的是，当涉及到这些框架时，限制是生活的一部分。

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

请参阅更新的 plunk。