問題タブ [ngtable]

Rails プロジェクトで AngularJS 1.2.10 安定版を使用しています。データを ng-table で処理しようとしていますが、何も表示されません。

ng-table ファイルをインクルードし、角度モジュールにインクルードしました。ページを更新するとデータが取得されますが、このビューから離れてから、単一ページ アプリ内に戻ると、データが読み込まれません。つまり、リストでブラウザを更新すると、すべてのデータが表示されます。個々のアイテムを表示すると、(angularJS ルーティングを介して) 新しいページに移動し、(再び angularJS ルーティングを介して) リストに戻ります。データが空です/リストがありません。

これが私のテーブルです

これが私のデータを取得するコントローラーです。

呼び出していることがchromeコンソールでわかります

債務者リストに戻ると、次の 2 行が呼び出されていません。

私が見ることができるように、テンプレートではなく、データをリロードする必要があると思います。

現在、ソートが必要なテーブルに取り組んでいます。プロジェクトは Angular (v1.2.12) を使用しているため、ngTableモジュール (v0.3.2) の使用を開始しました。

デフォルトの並べ替えはタイトルですが、並べ替えオプションとして年を使用することもできます。ページをロードすると正常に動作しますが、テーブルの見出しをクリックすると、クリックした列がソートされますが、ソートはヘッダーに反映されず、ソート パラメータも設定されなくなります。

デバッグを開始すると、params.sorting() が次を返すことがわかります: {title: undefined}その瞬間から、ソート可能なヘッダーをクリックすることもできなくなり、何もしなくなりました。

私は何かが欠けていると思いますが、何かを見つけることができないようです

私のデータは次のとおりです。

景色：

ビューはディレクティブです。

何らかの理由で、getDataangular リソースを使用してデータを取得すると、2 回呼び出され、リソースが REST リクエストを 2 回実行する <--- 悪い...

それを解決する理由と方法はありますか？

ここでは、このシナリオを再現する実際のテストケース/プランカーの例を示します (ブラウザー コンソールを見てください - 「getData が呼び出されています....」が 2 回表示されています)。シナリオを示します。私の実際のアプリでは、リソースを使用して実際のデータを取り込み、この例のように 2 回呼び出されます。

よろしくお願いします

ng-table の src を調べた後、次のことに気付きました

これは、テーブルがそれを「getData」と呼んでいることを意味しますcount/filter/group/groupBy/page/sorting 。これは、私が見た動作を説明しています。

Typescript と AngularJS に基づく Web アプリでng-table ( http://bazalt-cms.com/ng-table/ ) を使用しようとしています。サーバーから一度に読み込まれる、最大で 50 ～ 500 個のアイテムをページ テーブルに表示する必要があります。だから私が必要とするのは、コントローラーのデータのクライアント側のページングです。それでも、ページングを完全に無効にしない限り、データがロードされても行は表示されません。

問題を再現 するplunkrを作成しました: http://plnkr.co/edit/0hCSMm03L8iHwePccm7x?p=preview

Typescript を使用しているため (ただし、現在このライブラリの定義はありません)、サンプル コードを TS コンパイラの典型的な結果のように整形しましたが、それとは別に、ng-table のページングの例に従いました。 Webサイト。ボタンをクリックするだけで、コントローラーのデータが入力されます。

更新: ng-table ソースを調べることで、データ配列がいっぱいになった後に呼び出しtableParams.total(...)て強制的に更新することができました。tableParams.reload()ただし、サンプルにはこのコードの痕跡がないため、これについては少し間違っていると感じています。

表形式のデータを表示するために、AngularJS アプリで「ngTable」コンポーネント (ここにリンクの説明を入力) を使用しています。ngGrid よりも少し使いやすく、ngGrid がテーブルを構成する方法が好きではありません (特に、テーブルのヘッダー文字列を HTML ではなく JavaScript に入れるのは好きではありません)。

ngTable は十分に機能しますが、その構成可能性にはいくつかの制限があるようです。たとえば、ヘッダーとセルに列区切りを追加したいだけです。HTML で ngTable を参照する方法では、テーブル ヘッダー要素を指定せず、セルだけを指定します。「td」要素にクラスを配置して、セルにセパレーターを追加できると思いますが、ヘッダーには影響しません。

誰でもこれを行う方法についていくつかのアイデアを持っていますか?