下面的角度用戶界面引導標籤

我一直在尋找一種方法來顯示底部的標籤，但還沒有弄清楚。（我使用的標籤指令，很明顯）下面的角度用戶界面引導標籤

我發現這一點：

但添加的樣式和類「選項卡，在下面」像這樣經過：

<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

下面的角度用戶界面引導標籤

回答

相關問題