ngx-datatable可配置的寻呼参数

时间:2017-09-12 09:36:56

标签: javascript forms angular paging ngx-datatable

我正在使用ngx-datatable构建数据表并激活Paging,例如[limit] =“10”。这很好用。但是,我想通过访问者配置每页条目数。

所以我在控制器中添加了一个变量:

pageSize: number = 10; // defaults to 10

此外,我创建了一个Item Component(是我自己的一个组件)

<form-item name="pageSize" [(value)]="pageSize" (change)="table.recalculate()"></form-item>

<ngx-datatable
  #table ...

创建

<input type="text" name="pageSize" [ngModel]="value">

现在,这不按预期工作。初始值设置为10.当我更改它时,onchange回调有一个神秘的延迟?!它每次都没有反应相同。 table.recalculate()被正确触发,但是如果我切换到下一页,则附加数据会附加到表中,而不是替换上一页中的数据。

有人可以帮助我吗,我错过了什么?

1 个答案:

答案 0 :(得分:0)

应该是ngModelChange而不是change

<form-item name="pageSize" [value]="pageSize" (ngModelChange)="table.recalculate()"></form-item>