在 ng-repeat 中枚举数据目标

Posted

技术标签:

【中文标题】在 ng-repeat 中枚举数据目标【英文标题】:Enumerating data-targets in ng-repeat 【发布时间】:2014-12-13 10:12:43 【问题描述】:

我的 html 中有一个手风琴,它是动态填充的 -

<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 保持静态。所以所有的打开/关闭按钮只能打开一个手风琴!解决方案是根据$index 枚举data-target/ids,但我不知道该怎么做。

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

【问题讨论】:

可能只是#collapse-$index 【参考方案1】:

只需将data-target 值替换为#collepse-$indexID 的body 为'collapse-$index'

希望对你有帮助!!

【讨论】:

啊,没有意识到你可以在非角度属性中使用角度表达式。现在看来很明显了。

以上是关于在 ng-repeat 中枚举数据目标的主要内容,如果未能解决你的问题,请参考以下文章

在 ng-repeat 中动态应用格式化过滤器

angularJS如何计算输入元素中显示的ng-repeat数据

ng-repeat angularJS 中的 ng-repeat

ng-repeat 排序箭头在 javascript 数据表中不起作用

在离子v1中添加新数据后,angularjs ng-repeat不会更新

angular.js > 如何在视图中获取内部 JSON 数据(使用 ng-repeat 指令)