問題タブ [angularjs-ng-transclude]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ng-repeat でトランスクルード
ディレクティブ内でディレクティブを繰り返そうとしているので、各ディレクティブにテンプレートを設定できますが、ng-transcludeを使用すると最初のエントリしか表示できないという問題があります
これが私がこれまでに行ったことです
そしてコントローラーに
私はマウスだけを手に入れます
私は実際にそれを見るためにフィドルを用意しましたここをクリック
助けてください。
前もって感謝します
angularjs - トランスクルージョンされた子のAngularでのクリックイベント
ディレクティブでトランスクルードされた子要素でクリック イベントを発生させようとしています。機能していません。何らかの理由で親スコープへのアクセスを失ったようです。
javascript - 分離スコープを使用した Angular ディレクティブ
いくつかのデータを取得し、入力に基づいてスコープ変数を変更する Angular ディレクティブを作成しようとしていますが、動作させることができません。
これが私のJSの簡略版です:
そして、ここに私のHTMLがあります:
それのためのフィドルはここにあります: http://jsfiddle.net/k66Za/60/
どんな助けでも大歓迎です!
angularjs - トランスクルージョンされたコンテンツを分析する
私は、ngRepeatで作成される可能性のある、いくつかの子を含む必要がある任意のコンテンツをトランスクルージョンするディレクティブを持っています。link または transcludeFn 内で、完成した DOM ではなく、子のテンプレートにアクセスできます。それを考えると、たとえば各子の .width() の合計を計算するにはどうすればよいですか?
javascript - AngularJS - トランスクルードされたディレクティブ スコープ内の関数から親コントローラー スコープ内の変数を更新する
親コントローラーのスコープ変数は、トランスクルードされたディレクティブ スコープの関数内からどのように更新されますか?
次の方法でトランスクルージョンを使用して、ディレクティブを別のディレクティブに埋め込んでいます。
my-table と my-getter-button のコードは次のとおりです。
my-table
テンプレート:
my-table
指令:
my-getter-button
ディレクティブ (テンプレート付き):
scope.$parent.instance = data; // or scope.instance = data;
親コントローラーを変更することを期待していましたが、変更されscope.instance
ませんでした。
angularjs - Transcluded html 内の場合、ngModel には $parent が必要です
トランスクルージョンを使用して、属性を含むディレクティブ要素に含まれる要素を取得する入力フィールドのディレクティブがありng-model
ます。無数の SO の質問と Angular のドキュメントを読んng-model
で、トランスクルードされた html をディレクティブの と同期させる方法を見つけたng-model
後、ついにそれを機能させるためのトリックに出くわしました。つまり、入力フィールド内のを使用$parent
します。ng-model
これはすべてうまくいきますが、不格好/ハックのようです。
ここに示されているプランカー: http://plnkr.co/edit/gEje6Z2uuTs9DFPeCZfv
リンク関数内のトランスクルージョン関数を次のようにいじって、これをもう少しエレガントにしようとしました。
```
```
また、このプランカーに示されています: http://plnkr.co/edit/11k9LiA5hyi4xydWBo3H?p=preview
トランスクルージョン関数を使用すると、トランスクルージョン スコープをディレクティブのスコープで上書きでき、ng-model
属性がディレクティブ スコープに関連付けられてバインドされると考える人もいるかもしれませんが、そうではありません。
は機能しますが、非常にハックなようで、オブジェクトが定義され $parent.<ng-model>
ていない親スコープでディレクティブが使用されなかった場合など、バグにつながる可能性があります。account