問題タブ [directive]

私はangularJSの世界の初心者で、おそらく何かを誤解しています。

私のアプリはコントローラー、ディレクティブ、サービスを使用していますが、$ resourceを使用してサービスを使用するまではすべて完全に実行されます。その後、「競合」またはその他の問題が発生します。

作業指令：

ワーキングサービス：

トラブルの原因となるサービス：

コンソールにエラーはありません。$resourceを使用したサービスは機能しますが、ディレクティブは実行されていないようです。

手伝って頂けますか ？

次のウィジェット属性のカスタム ディレクティブを作成しました。

基本的に、ディレクティブはいくつかのテンプレート コードを作成し、html をウィジェット タグ内に配置するだけです。ディレクティブは次のとおりです。

htmlTemplate は、カスタム ディレクティブ (<seal>タグなど)も使用する基本的な html コードです。

私のコントローラーでは、最初に <div widget> に表示するデータを要求します。サーバーからデータを要求するためのすべてのロジックをカプセル化する「オファー」サービスがあります。私が使用しているメソッドは、Offer.query() と呼ばれます。

応答ハンドラーで、結果をスコープにバインドしています。私が今直面している問題は、ディレクティブもデータを要求しますが、この要求は Offer.query() から受信したデータに依存することです。つまり、Offer.query() からの応答は ID (myID と呼びましょう) を返します。これは、seal ディレクティブがさらにデータを要求するために必要です。したがって、すべてのロジックをコールバックの Offer.query コールバック関数に入れるだけです。これは最善の方法ではないようです。

そこで、この部分を<seal>ディレクティブのリンク機能に移動することを考えていました:

このアプローチは「角度」に準拠していますか、それとも角度でこれを行うための(構造に関して)他のより良い方法はありますか?

ドラッグ アンド ドロップ ディレクティブを実装しています。ドロップ時に、要素のコピーを div に追加ng-clickし、次のように属性を追加します。

たとえば、私が持っているコントローラーで

そして、それは機能しません。このボタンをページに手動で追加すると、正常に機能します。

Angular (そして実を言うと JS 自体) を初めて使用する私は、サービスとディレクティブの個別の単体テストに苦労しています。インターネットで見つかったさまざまな例からソリューションをコンパイルしようとしましたが、失敗しました。

私はサービスを持っています：

事前定義された配列を渡す実際の Web サービスとのやり取りを偽造し、request.term に異なる値を渡したときに正しい応答が返されることを確認したいと思います。

もう 1 つのタスクは、ディレクティブの単体テストです (jquery オートコンプリートのラッパー)。

定義済みの配列を使用してサービスの呼び出しを偽造し、スコープが正しく変更されていることを確認したいと思います。

それらを個別にテストすることは可能ですか、それともこのタスクには e2e テストのみを使用する必要がありますか?

返信ありがとうございます！クセニア

再利用可能なカウントダウンウィジェットを作成しようとしています。静的コンテンツではうまく機能しますが、その場でそれらを追加しようとすると、ディレクティブはngRepeat内の変数を理解しません。

マークアップ：

指令：

http://jsfiddle.net/hFGb7/14/

返信ありがとうございます。

jquery-ui autocomplete をラップするディレクティブは次のとおりです。

次のテストで単体テストを試みています（ここからの指示に従ってください https://github.com/vojtajina/ng-directive-testing）：

しかし、私はエラーが発生します:

element.autocomplete({ 行で $compile 中に jquery-ui 機能が要素に接続されていないと思われます。testacular.config で jquery-ui ライブラリを参照しています。

私が間違っていることを教えてください。

ありがとう！クセニア

2 つのディレクティブをネストする際に問題が発生しました。ディレクティブが 1 つのこのコードは期待どおりに機能します: http://plnkr.co/edit/nq1DD0

しかし、トランスクルージョンを使用してこのディレクティブを別のディレクティブにラップすると、コントローラー スコープへのアクセスが中断されます: http://plnkr.co/edit/zaWDQxqeFe9aYIBPnpJ3

どうしたの？

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

クセニア

IAR EWARM 5.4 を使用しています。コンパイラをシミュレータ モードで表示するディレクティブがあるかどうか疑問に思いました。たとえば、コードの一部をシミュレータ モードでのみコンパイルし、ターゲット モードでは無視したいと考えています。

ありがとう、

SQLが#includeディレクティブをサポートしていないことは知っていますが、これがサポートされていない理由はわかりません。SQLファイルに別のサポートを含めることができるように、この種のサポートを追加する必要があるプロジェクトで作業しています。私が見逃したかもしれない明らかなことはありますか？前もって感謝します。

よろしく、ペイ

3 つの (要素) ディレクティブがあるとします<x/> <y/> and <z/>。

のディレクティブ<y/> and </z>は似ています。

また、ページ構成オブジェクトの配列もあります。各オブジェクトにはタイプと識別子があります。タイプはディレクティブを示し、識別子はディレクティブのテンプレート内に表示されるデータであり、上記のディレクティブ フラグメントでは {{identifier}} として示されています。

私のページでは、次のようなものが必要です。

次の出力が生成され、pageElements 配列が変更されたときに更新されるようにディレクティブなどを設定する方法を教えてください。