問題タブ [angular-grid]

アプリケーションに新しい予定を追加するウィザードを作成しています。ウィザードの最後のページには、いくつかの基準に基づくすべての潜在的な競合を示すタブ付きセクションが含まれています。各タブは基準の 1 つであり、Angular Grid を使用して競合のリストを表示します。各グリッドには同じ列がありますが、異なるデータが含まれているため、ディレクティブを使用して Angular Grid とそのグリッド オプションを Template にラップし、rowData をディレクティブの別の属性に設定したいと考えています。現在、ディレクティブには次のものがあります。

私のビューには次のコードがあります：

これを実行するたびに、次のエラーが発生します。

エラー: [$injector:unpr] 不明なプロバイダー: angularGridProvider <- angularGrid <- inApptConflictDirective

ag-grid を認識するディレクティブを取得するために、他に何をする必要があるのか​​ わかりません。$compile も使用してみましたが、同じエラーが発生します。

ディレクティブからサードパーティ モジュールを呼び出すために追加する必要があるものはありますか? これは、グリッドを 3 つの別々のグリッド オプションで 3 回別々に使用したときに機能しました。

助けてくれてありがとう！

Angular Grid (ag-grid) を使用してデータを表示しています。私のテーブルでは、ユーザーがインライン編集でコメントを追加するたびに、残りの呼び出しを行い、DB にコメントを保存するつもりです。中に休憩コールを入れる$http物を入れてありnewValueHandlerます。デバッガーでは、呼び出されているが未定義であることnewValueHandlerがわかり$httpます。そして、私はエラーが発生します:Uncaught TypeError: $http is not a function

些細な作業のようですが、基本的なものが欠けていると確信しています。

PS Javascript と angularjs は初めてです。

== コード フローの説明 == ユーザーが完了したアクション タブをCompletedActionsCtrl押すと、ルーティングによって呼び出されます。このコントローラー内で、グリッドが準備され、レンダリングされます。ユーザーがコメントを編集して送信すると、newValueHandler呼び出されるfunction addCommentHandler

== 更新 == プライベート関数をハンドラーとして呼び出す代わりに、無名関数を定義して動作するようにしました。

これを削除しました->

そしてこれを追加しました->

しかし、問題は、このハンドラーを多くの場所に配置する必要があることです。このアプローチでは、多くのコードの重複が発生します。より良いアイデアはありますか？

初めて AngularJS と共に ui-grid を使用しようとしています。最初は ngGrid のチュートリアルを行っていましたが、参照ファイルを調べたところ、それらはすべて ui-grid と書かれていました....だから今は少し混乱しています。

私のaspxページで以下を参照しました：-

GridView を機能させるための私の Javascript は次のようになります。

そして最後に私のaspx本体は次のようになります:-

これらすべてを配置すると、div クラスを介して参照される、次のスタイルの空のグリッドが得られます。

私は何かが欠けているに違いない...しかし、何がわからない。

ブラウザでコンソールを確認すると、次のエラーが表示されます:- Uncaught Error: Unknown provider: $rootScopeProvider <- $rootScope

編集:- 私はplunkerでコードを作成し、エミュレーターで動作しますが、aspxページのVisual Studio 2013では動作しません(htmlページで動作します):-

http://plnkr.co/edit/L3n5CETMtlTQagNm6axK?p=preview

API 関数 (例: $scope.gridOptions.api.showNoRowsOverlay()) にアクセスしようとしたときの「未定義」が原因で、ag-grid 3.0.0 を使用した AngularJS 1.3.15 アプリケーションの Karma/Jasmine テストに行き詰まりました。 ）。

グーグルでいろいろ試した後（まったく運がなかった）、2つのオプションが残っています。

a) 何らかの方法でグリッドを初期化してみてください。私は ng-grid (リンク) の人々が採用した解決策を見つけました:

b) 次のような命令で angularGrid モジュール全体をモックしてみてください。

この依存関係を取り除くためのヒントやガイドライン (さらに良い!) を教えてもらえますか?

前もってありがとう、ニコラ

UPDATE 2016/06/19 @RamiShareef

現時点で私がフォローしている単純なSPAの構造は次のとおりです。

このアーキテクチャをセットアップすると、agGrid 呼び出しのモックが簡単になることがわかります。Karma/Jasmine テストでは、グリッドの状態を処理するサービス メソッドにスパイを定義するだけでよいからです。

また

これが私のように Karma/Jasmine テストで立ち往生している人々の助けになることを願っています!

動的ユーザー ダッシュボードの設計に angular-gridster を使用しています。ウィジェットのコールバックのサイズを変更する際に、グリッドスター ウィジェットのデータ コンテンツをレスポンシブにする方法を教えてください。

Spring MVC Hibernateを使用したサーバー側フィルタリング、ソート、およびページネーションを使用したAngularJS グリッド実装のサンプル コード/プロジェクトを探しています。

インターネットで利用可能な多くのグリッドを見つけることができました。しかし、サンプルプロジェクトを共有する中でどれが最適かを提案するのに役立つ場合は、本当に役に立ちます。

ag-grid は良いオプションです。ブラウジングで見つけたAG-Grid

SPAアプリケーション（Spring MVC + Hibernate）に実装する方法を理解できるように、サンプルコードまたはプロジェクトのリファレンスを教えてください。

私はAngular Jsを初めて使用し、Angular Js ng-Gridを使用してグリッドを作成しています.チェックボックスのある列がありますが、それらは左に配置されています。

ここにコントローラーのグリッドコードがあります

前もって感謝します

Angular Js ui-grid を作成しました。最後の列はボタンで構成されています。そのボタンをクリックすると、その行の各セルのデータを取得する必要があります。誰かがこれを理解するのを手伝ってくれれば幸いです。