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>
我不知道如何在这里嵌入标题?
如何保留选项卡的嵌套结构?
也许这个问题有更好的解决方案?
这是一个多重嵌入示例。我希望它能为您指明正确的方向。
http://plnkr.co/edit/wpgvgr5h6nAQDOZYEHNI?p=preview
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)