問題タブ [angularjs-ng-transclude]

ng-repeatfrom within ディレクティブの $index 値にアクセスしようとしています。これが私のコードです：

コレクションのキーを使用して index.html 内のテンプレートを設計する必要があるためです。これは、[1,2,3] がコレクションである疑似コードです。コレクションでキーを使用して、index.html のコレクションからカスタム値にアクセスしたい

$compileがありPre-linking-function、APIAngularJSドキュメントには、 で DOM 変換を行うのは安全ではないと書かれていますPre-linking-function。誰も理由を知っていますか？

API ドキュメントのセクションへの参照

ログアウト ボタンを含む をカスタム選択ドロップダウン ディレクティブの 1 つにトランスクルージョンする必要がありdivますが、トランスクルードされたコンテンツはディレクティブ テンプレート内ではなく、外側になります。たとえばSome content、HTML の代わりにディレクティブ内に文字列を入れると、transclude が機能します。しかし、HTML を配置するとすぐに、動作を拒否します。

私の質問は、HTML コンテンツをディレクティブ テンプレートに変換する最も簡単で正しい方法は何ですか?

指令：

使用法：

テンプレート：

ツリー ビュー用のこれら 2 つのテンプレートがあります。最初のアプローチを使用したいのですが、問題があるか、何かを見逃しているようです。

最初のアプローチ (望ましいが機能しない)
TreeTemplate.html

NodeTemplate.html

<li></li>TreeTemplate.html のすべてが表示されないng-include

2 番目のアプローチ (望ましくないが機能する)

TreeTemplate.html

NodeTemplate.html

何が起こっているのかを理解するのを手伝ってください。

Angular 1.5 では、複数のトランスクルージョンが可能です。

特に、動的な数のアイテムをディレクティブにトランスクルージョンし、後で (リンク/コンパイルなどで) それらのトランスクルードの名前と場所を宣言できると便利です。

さらに説明すると、次のような機能が必要です。

マルチトランスクルードを実装するディレクティブ宣言では、宣言時にトランスクルードされるアイテムの数について事前に知っておく必要があることに注意してください。

リンクで (または回避策を使用して) このようなことを行う方法はありますか?

Transclude fallback contentAngular V1.5.0
に追加された機能の 1 つです。私は Angular 用のdateTimePicker モジュールを作成しており、次のバージョンのカスタム ユーザー入力テンプレート機能を追加したいと考えていますTransclude fallback content。ユーザーがディレクティブ内に何も配置しない場合、デフォルト テンプレート注入します。
しかし、すべての人に Angular V1.5.X の使用を強制することはできません
。別の解決策はありますか?

別の解決策：
私は巨大なhtmlテンプレートを持っていて、それを1行の文字列にしたり、JSファイルに入れることができないので、Mario Lamacchiaアイデアをフォークしました。

HTML:

JS: