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>