3

我已經創建動態選項卡使用與bootstarp的angularjs。它工作正常。 另外我試圖動態地在選項卡下創建子標籤。它也工作正常。 現在我正在嘗試移動到下一個選項卡主選項卡並單擊回到子選項卡,但它總是打開主選項卡而不是子選項卡。 我需要子選項卡才能生效 我該如何解決問題?angularjs與自舉垂直嵌套選項卡使用ajax加載內容

我在哪裏弄錯我的代碼?

我的代碼

<uib-tabset vertical="true" class="tabs-left"> 
    <uib-tab ng-repeat="tab in menuList" select="getContent(tab.menuid)" active="tab.active"> 
     <tab-heading> 
     <i class="fa {{tab.Icon}}"> </i> &nbsp{{tab.Name}}  
     <uib-tab ng-repeat="submenu in tab.submenu" select="getSubContent(tab.menuid, submenu.menuid)" active="submenu.active"> 
      <tab-heading> 
      <i class="fa {{submenu.Icon}}"> </i> &nbsp{{submenu.Name}} 

      <i class="glyphicon glyphicon-remove" ng-click="removeSubTab(tab, submenu.menuid)"></i> 
      </tab-heading> 
      <div class="col-xs-10" class="tab-content"> 
      <div ng-hide="!submenu.isLoaded"> 
       <div bind-unsafe-html="submenu.content"></div> 
      </div> 
      <div ng-hide="submenu.isLoaded"><h3>Loading...</h3></div>     
      </div> 
     </uib-tab> 
     </tab-heading> 
     <div class="col-xs-10" class="tab-content"> 
     <div ng-hide="!tab.isLoaded"> 
      <div bind-unsafe-html="tab.content"></div> 
     </div> 
     <div ng-hide="tab.isLoaded"><h3>Loading...</h3></div>    
     </div> 
    </uib-tab> 
    </uib-tabset> 

電流圖

enter image description here

但我預計

enter image description here enter image description here

+0

首先,您沒有使用jquery或jquery選項卡,因此您可以刪除這些標籤。其次,您不需要twitter-bootstrap-3標籤,因爲引導程序隱含在angular-ui-bootstrap選項卡中。使用太多標籤會導致對其他用戶的混亂搜索。 – icfantv

回答

0

首先,建立一個最低限度的工作顯示確切問題的蹦極者極大地幫助我們協助您。

其次,你在<tab-heading>元素中嵌套標籤,這幾乎不是你想要的。

+0

tks。我的問題解決了。最後添加了動態標籤。在我移到主標籤下方後。現在它的工作我期望 – RSK

相關問題