問題タブ [transclusion]

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 投票する
2 に答える
5727 参照

javascript - テンプレートAngularJSでng-transcludeが機能しない

申し訳ありませんが、私がここに欠けているばかげたものがある場合は、このコードを機能させるためにさまざまなコンボを実際に試しましたが、うまくいきませんでした。

私はから学んでdirectiveいますが、このコードで立ち往生しています-AngularjSRecipes with AngularJS

https://github.com/fdietz/recipes-with-angular-js-examples/tree/master/chapter3/recipe4

Hello Worldテキストの前に見出しを出力する必要があると思います。しかし来ない。私のコードに欠けているものを教えてください - p

PLNKRコード

コード全体 -

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

javascript - Angular: ng-bind-html で transclude を使用する

次の角度設定があります。

コントローラーの ajax を介して生の html マークアップを取得し、@scope.html. ディレクティブでは、この html が を通じて DOM に挿入されますng-bind-html

html (jade) は次のようになります。

それは基本的に機能します。しかし、含まれているこのhtmlの中に、私は{{searchType}}解決したいようなトランスクルーシブなコンテンツがあります。残念ながらそうではなく、ブラウザに「{{searchType}}」と表示されます。トランスクルージョンを機能させるために何を変更できますか?

$compileとについて読みまし$transcludeたが、使い方がわかりません。問題の解決に役立つかどうかもわかりません。どうも!

0 投票する
0 に答える
319 参照

javascript - コンパイルブレーク内のAngularトランスクルージョンng-repeat

2つのものを別々の場所にトランスクルージョンできるディレクティブを作成しようとしていますが、そのうちの1つは ですがng-repeat、コンパイル関数で$transclude ブレークを使用して return を返しますが、その中でそれundefined is not a functionを行うと機能しますが、コンテンツがありません。pre-compileng-repeat

私のコードは次のようになります

また、空の ng-repeat を返す手動トランスクルードを試してみました

サイドバー項目のテンプレート

ディレクティブの使用

代替使用

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

javascript - AngularJS : angular 属性ディレクティブを使用して要素をカスタム テンプレートにラップする

状況:

その要素をテンプレートにラップする属性ディレクティブがあります。ここにあります:

そして、私はそれを次のように使用します:

問題:

ng-model動作しません

ここにプランカーがあります