ngx-datatable設定可能なページングパラメータ

Question

たとえば、[limit] = "10"のngx-datatableおよびactivatedページングを使用してデータテーブルを構築しています。これは正常に動作します。しかし、私は訪問者を介して設定可能なページごとのエントリを作成したい。

はだから、コントローラに変数を追加：

pageSize: number = 10; // defaults to 10

はまた、私は項目コンポーネントを作成

<input type="text" name="pageSize" [ngModel]="value"> 

を作成

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

<ngx-datatable 
    #table ... 

（私の独自の成分です）

これは意図した通りに動作しません。初期値は10に設定されています。私がそれを変更すると、onchangeコールバックには不思議な遅延がありますか？毎回同じように反応しません。 table.recalculate（）は正しく起動されますが、次のページに切り替えると、前のページのデータを置き換えるのではなく、追加のデータがテーブルに追加されます。

誰かが私を助けることができます、私は何が欠けていますか？

Answer 1

それは、ちょっと答えに感謝ngModelChange代わりのchange

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