AngularMaterial: мкр-вкладки из заказа, если настройки во время запроса HTTP

Question

Мое мнение:

<div ng-controller="MyController as ctrl"> 
      <span ng-repeat="problem in problems">{{$index}}</span> 
      <md-tabs md-selected="selectedTabIndex" md-dynamic-height md-border-bottom> 
       <span ng-repeat="problem in problems" class="panel-heading"> 
       {{$index}} 
       <md-tab label={{$index}}> </md-tab> 
       </span> 
      </md-tabs> 
    </div> 

проблемы данные поступают из запроса HTTP через контроллер/Услуги:

MyService.fireRequest() 
    .then(function(data){ 
     $scope.problems = MyService.getProblems(); 
    },function(data){ 
     // error case 
    }); 

Итоговые выход:

Как видно, {{$index}} значение вне вкладки s прекрасно, но внутри вкладок это не работает. Может кто-нибудь объяснить, что я делаю неправильно?

Answer 1

<span> между наружным md-tabs и внутренней md-tab может быть баловаться с функциональностью дизайна материала, попробуйте поместить ng-repeat непосредственно в md-tab элемента и опуская внутренний span элемент ...

<md-tabs md-selected="selectedTabIndex" md-dynamic-height md-border-bottom> 
    <md-tab ng-repeat="problem in problems" class="panel-heading" label={{$index}}> </md-tab>    
</md-tabs>