0

我有以下代码片段： 

 <div ng-hide="loading" ng-repeat="prov in providers">
      <div data-toggle="collapse"  style="position:relative;font-weight:bold;" data-target="#collapse-{{$index}}">{{prov.name}}
        <div id="collapse-{{$index}}" class="collapse">
        <div  ng-repeat= "p in prov.subnets">
        <div class="col-sm-7 col-md-7" style="font-weight:normal;font-size:90%">
          {{p.zone}}
        </div>
    <div class="col-sm-5 col-md-5"><progress-bar></progress-bar></div>
        </div>
      </div>
      </div>
    </div>

我正在尝试使所有“prov.subnets 中的 p”折叠到相关的“prov.name”中。如您所见，我有嵌套的 NG-repeats。如果我运行我的代码，它确实会在第一次正确折叠。但是，如果我将它们展开并尝试再次折叠它们它不会折叠并且有点“小故障”显示折叠动画。

我使用了元素检查器，似乎 $index 可以正常工作来命名 div。还有其他建议吗？

4

0 回答 0