angularjs - Angular UI Bootstrap のトランスクルージョンはどのように行われますかディレクティブの仕事？

Question

私は現在、2 つのトランスクルージョン セクションを含むディレクティブを作成しようとしていますが、これまでのところ成功していません。今tab、Angular UI Bootstrap のディレクティブがまさにそれを行うことを発見しました! 残念ながら、彼らがソース コードで実行している巧妙な策略は、どうやら私には理解できないほど高度すぎるようです。

例では、次のコードがあります。

<tabset>
  <tab select="alertMe()">
    <tab-heading>
      <i class="glyphicon glyphicon-bell"></i> Alert!
    </tab-heading>
    I've got an HTML heading, and a select callback. Pretty cool!
  </tab>
</tabset>

これはまさに私が必要とするものです。<tab-heading>コンテンツをある場所でトランスクルージョンし、他のものを別の場所でトランスクルージョンするために必要な手順を誰か説明してもらえますか?

ソースで理解できないこと：

• tabHeadinga のみのディレクティブはありませんtabHeadingTransclude。<tab-heading>では、元素はどのように発見されるのでしょうか。また、そのような要素のクエリはどこにもありません。
• また、2 つの transclude-directivestabContentTranscludeとtabHeadingTransclude.