問題タブ [smart-table]

そこで、REST サービスからデータを取得して表示するスマート テーブルを作成しました。ページネーションを追加しようとすると、アプリケーションの html コードにエラーが表示され、ページネーションに必要なすべての属性が許可されていないことが示されます。

テーブルの実際のコードは次のとおりです。

ページネーション付きのスマートテーブルを手に入れました。選択した行に css クラスを適用するコントローラーがあります。問題は、他のページのインデックスで選択を保持することです。そのため、ページネーションを使用またはクリックしたときにクラスをクリアする方法を探しています。

これはテーブルです：

そして、これは選択に関連するコードです:

そしてcssクラス：

問題

データは非同期に読み込まれ、正しく表示されますが、ページネーションは表示されません。お役に立てれば幸いです。

HTML

JavaScript

試した代替案

...同じ結果です。

スマート テーブルで列ヘッダーが正しく並べ替えられません。個別にソートするのではなく、すべて一緒にソートします。

これがジャバスクリプトです。

私は何をしようとしていますか？ 簡単な Web アプリケーションを開発して Javascript と MEAN スタックを学ぼうとしています。そのアプリケーションでは、以下の仕様の Web アプリで angular-smart-table の「pipe/ajax プラグイン」を使用しようとしています。 -angular-fullstack")

私が直面している課題: Web アプリのスマート テーブルドキュメントに あるパイプ/ajax プラグインの例をコピーして貼り付けました。この例には、クライアント側 (工場) のスマート テーブルに表示される値があります。これらの値を、REST API エンドポイント $http.get('/api/smartTableServer') からアクセスできるサーバー コントローラー ファイル (plunker 内の smartTableServer.controller.js) に移動したいと考えています。

これまでに私が達成したことは何ですか？ サーバー コントローラー ファイルからクライアント ファクトリ ファイル (smartTableClient.service.js) にデータを正常に読み取ることができました。ただし、変数（randomsItems）に格納すると、変数の値は「未定義」になります。http get 呼び出しは後で実行されるため、変数 randomsItems はまだサーバーから値を取得していないと思います。この問題を解決するのを手伝ってもらえますか? (ie) サーバーコントローラー JS から randomsItems の値を取得し、ビューに表示します。

この問題に関連するファイルのプランカー:

http://plnkr.co/edit/jRdNXuVMrWaymLnxfPnE?p=カタログ

注： 非同期スクリプトがどのように機能するかはまだわかりません。したがって、上記の問題に直面している理由であると思う延期と約束の概念を知りません。私はまだ基​​本を学んでいます。親切に助けてください。

Angular 1.2.x アプリで SmartTable を使用しています。具体的には、述語のリストが検索プロセスを駆動するパターンに従っています。この具体的な例は、プロジェクト サイトのこちらにあります。

例から、述語を選択して検索を実行し、リストで別の述語を選択すると、テキストボックスには以前の検索基準が含まれていることがわかります。

私はAngularJSを初めて使用し、AngularJSの方法で、述語選択ボックスの変更イベントで検索結果をクリアしようとしています。私が最初に考えたのは、あらゆる種類の DOM 操作をディレクティブの背後にプッシュすることでした。そこで、検索条件をリセットするための呼び出し "tndResetSearch" を作成しました。私の翡翠の構文はかなり乱雑に思えます...これを整理するためのより良い方法があれば、アドバイスを歓迎します;):

resetsearch="resetSearch()"私のディレクティブのisolateスコーププロパティにバインドされています。

その実装はコントローラーにあり、モデルを から単純にクリアし$scope、ビューにデータを入力するためにスマート テーブルで使用されるコレクションを再入力します。

これは問題なく実行されますが、選択ボックスの述語を変更するたびに、以前の検索基準がキャッシュされ、現在の検索基準に追加されているように見えます。したがって、前の検索のサブセットになります。キャッシュがどこで行われているのかわかりません。$scope次の検索の前に、SmartTable 検索ディレクティブが参照する何かが にある必要があります。私のアプローチが完全に間違っている場合を除き、次に SmartTable を調べて、これを追跡できるかどうかを確認する必要があります。

上記options="#serviceLogSearchBox"のselectボックスは、関連する検索ボックスへの参照を取得して手動でクリアしようとする別の試みでしたが、まったく効果がありませんでした。

ディレクティブでの私の最初のショットは次のとおりです。

なぜ私が言及した動作が見られるのか、誰かが知っていますか?これについて間違った方法で行っていますか? もしそうなら、Angular 1.2.x と SmartTable を使用する最善のアプローチは何ですか?