Javascript UI引导手风琴-向下箭头内ng重复

Javascript UI引导手风琴-向下箭头内ng重复,javascript,angularjs,angular-ui-bootstrap,Javascript,Angularjs,Angular Ui Bootstrap,手风琴打开时,我想让我的箭头指向下方。当我使用ng时,repeat is open=“status.open”应用于每个手风琴。这将创建一个问题,其中is open=“status.open”应用于所有手风琴。我需要每个手风琴都有一个独特的价值。例如:open1、open2、open3 如何让我的ng repeat为每个手风琴添加唯一的值 Plunker: {{group.title}} {{group.content} 您对所有手风琴组的打开/关闭状态使用相同的状态变量(status.ope

手风琴打开时,我想让我的箭头指向下方。当我使用ng时,repeat is open=“status.open”应用于每个手风琴。这将创建一个问题,其中is open=“status.open”应用于所有手风琴。我需要每个手风琴都有一个独特的价值。例如:open1、open2、open3

如何让我的ng repeat为每个手风琴添加唯一的值

Plunker


{{group.title}}
{{group.content}

您对所有手风琴组的打开/关闭状态使用相同的状态变量(status.open)。因此,如果一个打开,其他的也会打开,因为状态相同。要解决此问题,请使状态变量成为ng repeat对象属性的一部分

<div uib-accordion-group class="panel-default" ng-repeat="group in groups" is-open="group.open">
  <uib-accordion-heading>
    {{group.title}} <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': group.open, 'glyphicon-chevron-right': !group.open}"></i>
  </uib-accordion-heading>
  {{group.content}}
</div>

{{group.title}}
{{group.content}


或者,正如Laloutre在评论中所建议的那样,如果您不想将状态变量作为ng repeat对象属性,可以使用is open=“status.open[$index]”。您是否尝试过使用is open=“status.open[$index]”?()我喜欢代码中的这种读取方式。我用这个作为我的最终解决方案。
<div uib-accordion-group class="panel-default" ng-repeat="group in groups" is-open="group.open">
  <uib-accordion-heading>
    {{group.title}} <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': group.open, 'glyphicon-chevron-right': !group.open}"></i>
  </uib-accordion-heading>
  {{group.content}}
</div>