Я создаю datatable с ngx-datatable и активированным пейджингом с [limit] = "10", например. Это прекрасно работает. Тем не менее, я хочу, чтобы записи на страницу настраивались через посетителя.
Поэтому я добавил переменную в контроллер:
pageSize: number = 10;//defaults to 10
Более того, я создал компонент Item (сам по себе)
<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>
[value]