0

input人間から検索パラメーターを作成することを受け入れる小さな Web アプリがあります。検索を実行する関数ng-model-optionsをデバウンスするために使用しています。ng-change

テーブルの列名の横に小さな矢印があり、ユーザーは並べ替えることができます (3 つのアイコン - up-downup、およびdownを使用して表示される sort_field と sort_order がありますng-class) ; それらに変更を登録し、デバウンスを使用して少し遅れて検索を実行したいと思います。ng-model問題は、特定のパラメーターをそれらのアイコンにバインドする方法がわからないことです。誰かがソート アイコンを叩いて、サーバーやブラウザをクラッシュさせたくありません。

私がやりたいのは、search_paramオブジェクトを監視し、オブジェクトが変更されたときはいつでも 500 ミリ秒後に検索を開始するように指示するページ上の 1 つの場所を用意することです。このようにして、ユーザーがそれらの編集を完了すると、入力フィールドまたはソート選択のいずれかが呼び出され、それらのパラメーターをエンドポイントに送信する関数がトリガーされます。

これを行うAngularJSの戦略は何ですか? 現在、すべての入力フィールドはsearch_paramオブジェクト内のフィールドにバインドされておりng-model-options、変更時にデバウンスする必要があります。これは多くの繰り返されるコードです。

4

1 に答える 1

0

私は最近、テーブルと、非常に基本的な機能 (並べ替え、検索、ページ付け) を取得するために必要な労力と作業の量について誰かに答えました。

使用するのに最適なライブラリがある場合、車輪を再発明する必要はありません: Angular-datatables

jsonソースからデータをプルするために使用する完全なソリューションをここに投稿しました:カウンターインデックスを作成しようとしているNg-repeat

あなたの場合、データを正しくフォーマットするには、Datatable のサイトのサーバー側処理ドキュメントを参照する必要があります: https://datatables.net/manual/server-side

于 2016-05-18T02:25:51.050 に答える