問題タブ [ag-grid]

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

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

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

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

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

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

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

ag-grid を webpack で動作させようとしています。npm を介して ag-grid を追加することで標準的なことを行い、次のようにして webpack.config への参照を追加しました。

ファイルは解決され、インデックス ファイルに読み込まれます。そして、角度に対して次のことを行いました。

Webpack もこのファイルを解決し、含まれて読み込まれますが、アプリを実行すると次のエラーが発生します。

ag-grid.js で angularGridGlobalFunction という名前が見つかりませんが、ag-grid への参照をコメント アウトすると、アプリは問題なく動作します。

それで、誰か提案はありますか？

私は Angular グリッド プロジェクトに取り組んでおり、angular-grid の使用中に小さなエラーに直面しています。

エラーが発生しました - Module 'angularGrid' is not available! モジュール名のつづりを間違えたか、モジュールをロードするのを忘れました。モジュールを登録する場合は、依存関係を 2 番目の引数として指定してください。

だから私は何かを見逃していると思った。JSfiddle を確認しましたが、そこで出力を表示できませんでした。だから私はコンソールでエラーをチェックしました。ここでも同じエラーが表示されます。

JSfiddle は私も編集していません。リンク先を見ているだけです。それでも、同じエラーが発生します。

http://jsfiddle.net/9b5gnjf1/8/

リンクから上記の 2 行を追加するだけで、stackoverflow で jsfiddle リンクを貼り付けることができます。コードを書かないと、ここにリンクを投稿することはできません。

誰がこれがどのようなエラーで、どのように解決するか知っていますか?

私の iPad では、ag-gridのスクロール エクスペリエンスがぎざぎざで不均一です。他のブラウザー コンテンツのようにフリックするのではなく、テーブル エリア内のコンテンツをドラッグし続ける必要があります。(同じテーブルのスクロール パフォーマンスは、通常、私のデスクトップ ブラウザーでは非常に優れているため、「重い」テーブル コンテンツの場合ではないと思います。)

これは、私のプロジェクトでの ag-grid の使用に固有のものではありません。公式の「Test Drive」ページでの経験は同じです。

スクロールのパフォーマンスを向上させるにはどうすればよいですか?

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

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

PS Javascript と angularjs は初めてです。

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

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

これを削除しました->

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

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