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

时间:2018-11-16 16:36:13

标签: angular primeng

我有简单的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

我演示的只是第二页,然后单击“更改名称”。新名称不可见。

是否可以通过代码修复它?

1 个答案:

答案 0 :(得分:1)

根据this answer,您不走运。不幸的是,在这些框架中,限制是生活的一部分。

但是,您始终可以使用锤子和炸药方法对其进行破解。

See the updated plunk.