Уплотненный Вкладки с помощью Angularjs

Question

Я хочу обратить вложенных вкладок с помощью Angularjs, но некоторые вкладки не указывает на его содержание

Смотрите мой код

<tabs sortable="Visit.Organizations"> 
      <tab-buttons> 
       <tab-button ng-repeat="organization in Visit.Organizations" sortable-item="$index" ng-click="SetCurrentTab(organization);">{{organization.Name}}</tab-button> 
      </tab-buttons> 
      <tab-contents> 
       <tab-content ng-repeat="organization in Visit.Organizations"> 
        <tabs sortable="organization.Departements"> 
         <tab-buttons> 
          <tab-button ng-repeat="departement in organization.Departements" sortable-item="$index">{{departement.Name}}</tab-button> 
         </tab-buttons> 
         <tab-contents> 
          <tab-content ng-repeat="departement in organization.Departements"> 
           {{departement.Name}} 
          </tab-content> 
         </tab-contents> 
        </tabs> 
       </tab-content> 
      </tab-contents> 
     </tabs> 

только закладка первого видна и другие вкладки не загружая при выборе.

Кто-нибудь мне помогает?

благодаря

Answer 1

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

Answer 2

Я столкнулся с этим примером JSFiddle.

https://jsfiddle.net/jccrosby/eRGT8/

Он четко определяет необходимые мероприятия для управления вкладки и $ области видимости переменных.

$scope.isActiveTab = function(tabUrl) { 
    return tabUrl == $scope.currentTab; 
} 

Проверьте, не определены ли они.