javascript - 在 ng-repeat 中枚举数据目标

Question

我的 HTML 中有一个 Accordion ，它是动态填充的 -

<div class="accordion">
  <div class="accordion-panel">
    <div class="accordion-heading>
      <a data-target="#collapse" data-toggle="collapse">{{x.header}}</a>
    </div>
    <div id="collapse" class="accordion-body"> 
      ....
    </div>
  </div>
</div>

问题是 data-target 保持静态。所以所有的打开/关闭按钮只能打开一个 Accordion !解决方案是根据 $index 枚举 data-target/id，但我不知道该怎么做。

有没有办法按照我描述的方式枚举属性？或者我可以使用其他解决方案吗？

Answer 1

只需将 data-target 值替换为 #collepse-{{$index}} 并将正文的 ID 替换为 'collapse -{{$index}}'

希望对您有所帮助!!