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

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

score 0 · Accepted Answer

它应该ngModelChange代替change

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

1 回答 1