ngx-datatable 可配置分页参数

Question

我正在使用 ngx-datatable 构建数据表，并使用 [limit]="10" 激活分页。这很好用。但是，我想通过访问者配置每页的条目。

所以我向控制器添加了一个变量：

pageSize: number = 10; // defaults to 10

此外，我创建了一个项目组件（是我自己的组件）

<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() 被正确触发，但如果我切换到下一页，附加数据将被附加到表中，而不是替换上一页中的数据。

有人可以帮助我吗，我错过了什么？

Answer 1

应该是

ngModelChange

而不是

change

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