我正在使用 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() 被正确触发,但如果我切换到下一页,附加数据将被附加到表中,而不是替换上一页中的数据。
有人可以帮助我吗,我错过了什么?
应该是
ngModelChange
而不是change
<form-item
name="pageSize"
[value]="pageSize"
(ngModelChange)="table.recalculate()"
></form-item>