下面的角度用户界面引导标签

我一直在寻找一种方法来显示底部的标签，但还没有弄清楚。（我使用的标签指令，很明显）下面的角度用户界面引导标签

我发现这一点：

但添加的样式和类 “选项卡，在下面” 像这样经过：

<tabset class="tabs-below"> 
    <tab heading="" ui-sref=""> 
    <div ui-view=""></div> 
</tab>

我只在标签上获得了不同的样式，但没有改变他们的位置。

任何帮助将不胜感激。

来源

2015-07-20 ackzell

所以，我碰到这种方式来覆盖模板角度引导用户界面：

Can you override specific templates in AngularUI Bootstrap?

而且在标记的顺序改变了（注意ul而来的.tab-content后，这个模板）：

<script id="template/tabs/tabset.html" type="text/ng-template"> 
    <div> 
     <div class="tab-content"> 
     <div class="tab-pane" 
      ng-repeat="tab in tabs" 
      ng-class="{active: tab.active}" 
      tab-content-transclude="tab"> 
     </div> 
     </div> 

     <ul class="nav nav-{{type || 'tabs'}}" 
      ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" 
      ng-transclude></ul> 


    </div> 
</script>

这样做。

来源

2015-07-20 19:42:27 ackzell

下面的模板应与最新版本2.3.1工作：

<script id="uib/template/tabs/tabset.html" type="text/ng-template"> 
    <div> 
     <div class="tab-content"> 
      <div class="tab-pane" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab"></div> 
     </div> 
     <ul class="nav nav-{{tabset.type || 'tabs'}}" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" ng-transclude></ul> 
    </div> 
</script>

来源

2016-12-22 21:05:19 yfcosy

如果包含在你的答案的解释，以帮助读者理解为什么它的工作原理这将是最好的。 – Barker

下面的角度用户界面引导标签

回答

相关问题