angularjs с загрузочной вертикальной вложенной вкладкой загружать содержимое с помощью ajax

Question

Я создал динамическую вкладку с помощью angularjs с bootstarp. Он работает нормально. Также я попытался создать вкладку Sub под вкладкой динамически. Он также отлично работает. Теперь я пытаюсь перейти к следующей вкладке вкладки и вернуться на вкладку, но всегда открывает основную вкладку, а не суб-вкладку. Мне нужна вспомогательная вкладка для активации Как я могу решить проблему?

где я ошибаюсь, мой код?

Мой код

<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> 

Текущий Img

Но я ожидал

Answer 1

во-первых, создавая минимально работу плукер, показывающий точную проблему, очень помогает нам в оказании вам помощи.

Во-вторых, вы вставляете вкладки в элементе <tab-heading>, который почти наверняка НЕ ​​того, что вы хотите.