我正在使用动态面板。我使用了“折叠”按钮。问题是，折叠按钮仅适用于第一个面板

Question

我正在使用动态面板。现在，我已经在JS文件中对数据进行了硬编码。我使用了折叠按钮。问题是，折叠按钮仅适用于第一个面板。尽管折叠按钮会显示在其他面板上，但它不起作用。

有人可以帮我吗？

此外，我使用了自定义指令来使用动态面板。

Answer 1

问题是您在数据目标中使用了相同的ID。 您应该考虑每个项目的唯一目标ID和目标。我建议使用ng-repeat的$ index，最好在您的案例跟踪中始终使用$ by进行ng-repeat的$ index 编辑代码：

    <div class="text-center">
       <button type="button" class="btn btn-default collapsed" data-toggle="collapse" 
           data-target="#demo-{{$index}}">
        VIEW DETAILS
       </button>
    </div>
    <div id="demo-{{$index}}" class="collapse">
        Lorem ipsum 
    </div>

如果问题仍未解决，请准备更具体的活塞。