AngularJS：如何在子指令之前編譯使用包含的父指令？

Question

我有以下結構：

<dad-dir>
  <kid-dir></bar-dir>
  <kid-dir></bar-dir>
</dad-dir>

在這里， dadDir是父指令，而kidDir是子指令。 在dadDir ， transclude設置為true。 輸出看起來像這樣：

<div class='dad-dir'>
  <span class='kid-dir'>Kid directive output</span>
  <span class='kid-dir'>Kid directive output</span>
</div>

我遇到的問題是， kidDir在dadDir之前被編譯/鏈接。 這是一個問題，因為我希望dadDir設置我希望kidDir繼承的某些屬性。 我有一個console.log在線路link兩者的功能dadDir和kidDir並在那些kidDir之前登錄dadDir的。

我試圖改變優先級，設置dadDir的優先級為10， kidDir的1，但它沒有任何效果。

有任何想法嗎？

Answer 1

我相信這是我先前使用的angularjs 1.0.5版中的錯誤。 我剛剛升級到1.2，魔術般地require: '^dadDir kidDir工作中的require: '^dadDir '。

Answer 2

您是否嘗試過包含母元素？

在fooDir指令中：

transclude: true
replace: true
template: "<div ng-transclude></div>"

然后在子欄目中

require: '^fooDir'