AngularMaterial：如果在http请求期间设置，则md-tabs乱序

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请求，来自Controller / Service：

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

结果输出：

可以看出，选项卡外的{{$index}}值很好，但在选项卡内部，它是乱序的。有人可以解释一下我做错了吗？

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>