【发布时间】：2013-04-17 09:22:58
【问题描述】：
Angular UI，仅支持基本选项卡。 我想创建一个支持嵌套选项卡和高级标题（可以包括 html）的指令。
我认为最好的语法是
<tabs>
<tab>
<title><i class="myIcon"></i> Title 1</title>
<p>Content 1</p>
</tab>
<tab>
<title class="pull-right">Title 2 (Nested)</title>
<tab>
<title>Title 2.1</title>
<p>Content 2.1</p>
</tab>
<p>Content 2</p>
</tab>
</tabs>
我对这种方法的问题是我需要 2 个 ng-transclude - 一个用于窗格，一个用于标题。
因为第一个 ng-transclude 非常容易（就像在教程中一样）：
<div>
<ul>
<li ng-repeat="pane in panes" transclude-title></li>
</ul>
<div class="tab-content" ng-transclude="">
</div>
</div>
我不知道如何在此处嵌入标题？ 如何保留标签的嵌套结构？
也许这个问题有更好的解决方案？
【问题讨论】：
-
您可以将嵌入作为第三个参数传递给您的
compile函数，然后手动遍历它。 -
为什么不创建自己的指令。根据您对“嵌套选项卡”的说法，您可以查看 this 文章，该文章演示了如何使用嵌套指令创建嵌套视图（或在您的情况下为嵌套选项卡）。
标签： angularjs angularjs-directive