Javascript UI引导手风琴-向下箭头内ng重复
手风琴打开时,我想让我的箭头指向下方。当我使用ng时,repeat is open=“status.open”应用于每个手风琴。这将创建一个问题,其中is open=“status.open”应用于所有手风琴。我需要每个手风琴都有一个独特的价值。例如:open1、open2、open3 如何让我的ng repeat为每个手风琴添加唯一的值 Plunker: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
{{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>