問題タブ [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.

0 投票する
1 に答える
86 参照

javascript - ng-repeat でトランスクルード

ディレクティブ内でディレクティブを繰り返そうとしているので、各ディレクティブにテンプレートを設定できますが、ng-transcludeを使用すると最初のエントリしか表示できないという問題があります

これが私がこれまでに行ったことです

そしてコントローラーに

私はマウスだけを手に入れます

私は実際にそれを見るためにフィドルを用意しましたここをクリック

助けてください。

前もって感謝します

0 投票する
1 に答える
503 参照

angularjs - トランスクルージョンされた子のAngularでのクリックイベント

ディレクティブでトランスクルードされた子要素でクリック イベントを発生させようとしています。機能していません。何らかの理由で親スコープへのアクセスを失ったようです。

0 投票する
2 に答える
48 参照

javascript - 分離スコープを使用した Angular ディレクティブ

いくつかのデータを取得し、入力に基づいてスコープ変数を変更する Angular ディレクティブを作成しようとしていますが、動作させることができません。

これが私のJSの簡略版です:

そして、ここに私のHTMLがあります:

それのためのフィドルはここにあります: http://jsfiddle.net/k66Za/60/

どんな助けでも大歓迎です!

0 投票する
1 に答える
68 参照

angularjs - トランスクルージョンされたコンテンツを分析する

私は、ngRepeatで作成される可能性のある、いくつかの子を含む必要がある任意のコンテンツをトランスクルージョンするディレクティブを持っています。link または transcludeFn 内で、完成した DOM ではなく、子のテンプレートにアクセスできます。それを考えると、たとえば各子の .width() の合計を計算するにはどうすればよいですか?

http://embed.plnkr.co/o492ObrHC65zbCMxIhxu/を参照

0 投票する
1 に答える
386 参照

javascript - AngularJS - トランスクルードされたディレクティブ スコープ内の関数から親コントローラー スコープ内の変数を更新する

親コントローラーのスコープ変数は、トランスクルードされたディレクティブ スコープの関数内からどのように更新されますか?

次の方法でトランスクルージョンを使用して、ディレクティブを別のディレクティブに埋め込んでいます。

my-table と my-getter-button のコードは次のとおりです。

my-tableテンプレート:

my-table指令:

my-getter-buttonディレクティブ (テンプレート付き):

scope.$parent.instance = data; // or scope.instance = data;親コントローラーを変更することを期待していましたが、変更されscope.instanceませんでした。

0 投票する
1 に答える
402 参照

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