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>

问题数据来自 Controller/Service 的 http 请求：

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

结果输出：

可以看出，{{$index}}标签外的值没问题，但在标签内，它是乱序的。有人可以解释我做错了什么吗？

Answer 1

外部 md-tabs 和内部 md-tab 之间的 <span> 可能会干扰 material 设计功能，请尝试将 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>

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

AngularMaterial: md-tabs out of order if setup during http request

tabs

angularjs

angular-material