問題タブ [directive]

最近、JqueryUIオートコンプリートウィジェットで使用するAngularJSディレクティブを作成しようとしました。ディレクティブは次のように使用されます。

オートコンプリートウィジェットとして機能し、選択したアイテムをモデル$scope.lanに保存することになっています。

最終的には成功しましたが、「input」タグをラップする「div」タグを配置する必要があることがわかりました。

「div」ラッピングがないと、Chromeはエラーを報告します：TypeError：undefinedのプロパティ'nodeValue'を設定できません

使用されるライブラリは次のとおりです。jquery1.8.3jqueryUI 1.9.2 anglejs 1.0.3

jsfiddlehttp : //jsfiddle.net/QSBvh/23/にコードをアップロードしました。div を削除して結果を確認できます。

以下はディレクティブです：

新しい発見。.autocompleteを中に入れると

突然、「div」ラッピングは必要なくなりました。非常に奇妙な。

基本的に、ディレクティブ内から式の変更をリッスンするにはどうすればよいですか?

ドキュメント化されていないものを使用して、ng-required条件付きで特定のフィールドを要求しています:

これはうまく機能します（これが Plunkr です）。これに関する唯一の問題は、placeholder実際に必要かどうかに関係なく、「必要な」テキストが保持されることです。

そこで、独自のディレクティブを作成することにしました。これがどのように機能するかは次のとおりです。

アイデアは角度の に似てng-classいますが、これを達成する方法がありません。ここに私がこれまでに持っているものがあります:

placeholder値を決定するために使用できる素敵なオブジェクトをログに記録します。

しかし、どのように$digest/$applyサイクルにフックして、placeholder属性partnerが変更されるたびに更新するのでしょうか?

コードに次の行があります。

この行に次のようなエラーが表示されます。Too many arguments to method call, expected 1, have 2

最大長を超えましたか? もしそうなら、最大の長さはどれくらいですか？いずれにせよ、実際のメッセージはばかげているようです。

リクエストごとのコンテキストは次のとおりです。

完全を期すために、問題のある行を次に示します。

そして、ここに修正版があります：

そのメソッドの宣言は次のとおりです。

メソッド helpText は、テスターを支援するために画面に表示するための一時的なメソッドです。

simplePaginationで使用されている概念を使用してページ付けリンクを生成するディレクティブを作成しようとしています 。前のリンクと次のリンクだけが生成され、それらをクリックするとエラーが発生します。

これがフィドルですhttp://jsfiddle.net/kelvo/zZURe/

編集1

残りのリンクを表示しましたが、双方向バインディング'='が機能していないようです。

これが新しいフィドルですhttp://jsfiddle.net/kelvo/zZURe/7/

アセンブリでの.IFディレクティブとIFディレクティブの違いは何ですか？.IFのドキュメント内：

およびIFの場合：

ディレクティブを作成する要素と同じ ng-model で入力フィールドを作成するディレクティブを作成しようとしています。

これが私がこれまでに思いついたものです：

HTML

JavaScript

ただし、これがこのシナリオを処理する正しい方法であるとは確信できません。また、コントロールが ng-model ターゲット フィールドの値で初期化されないというバグがあります。

上記のコードのプランカーは次のとおりです: http://plnkr.co/edit/IvrDbJ

これを処理する正しい方法は何ですか？

編集ng-model="value":テンプレートからを削除した後、これは正常に機能しているようです。ただし、これが正しい方法であることを再確認したいので、この質問を開いたままにします。

タグ付け可能な要素を構築し、TagsInput を利用する AngularJS のディレクティブに取り組んでいます

これが機能するフィドルです：http://jsfiddle.net/mgLss/

理由はわかりませんが、そのディレクティブをアプリケーションに追加すると、IT は正常に動作しますが、その下で実行中の angular は失敗し、次のエラー メッセージが表示されます。

最後の 1 時間を IRC で過ごしましたが、私の質問に対する確認応答が得られませんでした。これまで何度も行われてきたように、Stack が助けになってくれることを願っています。

ネストされた AngularJS ディレクティブに関するヘルプを探しています。

http://jsfiddle.net/vankirkc/ezN3M/28/

たとえば、コンテナとアイテムを含む一連のカスタム ディレクティブ要素を定義しました。私はそれらを次のように整理します：

次に、それぞれを定義します。添付の jsFiddle から、ネストされたアイテムに対してコンパイル関数が呼び出されていないことがわかりますが、アイテム要素がコンテナーから移動されると呼び出されます (コンパイル関数自体に問題がないことを示しています。

ネストされたディレクティブがコンパイル イベントをトリガーしないのはなぜですか?

これは、Angular ホームページの次の例に大まかに基づいています。

http://jsfiddle.net/vankirkc/HpHeW/

なぜ彼らの子供たちが正しく解析していて、私のものは正しく解析していないのか、私にはわかりません。

私のプロジェクトでは、DOM を変更せず、DOM に存在するアーティファクトを残さないディレクティブを定義する必要があります。AngularJS でこれを機能させることができないようです。

次の例を検討してください。

関連するディレクティブは次のように定義されています。

コンパイル後、結果の DOM 要素は次のようになります。

しかし、テンプレートがないと、AngularJS が置換要求を無視し、結果の DOM 要素は次のようになります。

AngularJS がコンパイル後の DOM でこれらの属性を強制的に削除するにはどうすればよいですか?

これを示す jsFiddle は次の場所にあります。

http://jsfiddle.net/vankirkc/ezN3M/34/

アップデート：

作成された属性を作成後に削除することは可能ですが、私が実際に探しているのは、テンプレート定義パラメーターを活用して、このディレクティブをコピーしないように DOM 要素の作成をインターセプトする方法です。これはバージョン 1.0.3 では不可能のようです。

美しいWYSIWYGRedactor（http://imperavi.com/redactor/）をカスタムAngularJSディレクティブに統合しようとしています。

視覚的には機能しますが、私のカスタムディレクティブはng-modelと互換性がありません（理由はわかりません）

これが私のディレクティブの使い方です：

そしてこれはディレクティブコードです：

そして最後にこれはフィドルです-> http://fiddle.jshell.net/MyBoon ​​/STLW5/