在其他指令的模板上应用Angular指令

Question

我正在使用Angular-UI tabs指令。 它会转换该布局：

<tabset class="incidents-manage-tabs">
    <tab>
         <tab-heading>HEADER</tab-heading>
         TAB CONTENT
    </tab>
</tabset>

到

<div>
    <ul class="nav nav-tabs nav-justified" ng-transclude="">
        <li>...</li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane ng-scope active" tab-content-transclude="tab" ng-class="{active: tab.active}">
            TAB CONTENT
        </div>
    </div>
</div>

我为自定义滚动条编写指令，我需要在tabs指令生成的“.tab-content”div上应用该指令，我该怎么做？

Answer 1

在您的其他指令模板中添加指令属性（或标记或类..），它将起作用。当AngularJS用你的自定义指令替换一些元素时，它会编译模板代码，这意味着它遍历所有模板代码并匹配其他指令，它用模板替换指令并重复该过程直到没有什么可以替换（是的，你可以很容易有递归指令。