UI Bootstrap accordion - down arrow inside ng-repeat
<p>I want my arrow to point down when the accordion is open. When I use ng-repeat is-open="status.open" is applied to every accordion. This creates an issue where is-open="status.open" is applied to all accordions. I need each accordion to have a unique value. EG: open1, open2, open3</p>

<p>How do I get my ng-repeat to add a unique value for each accordion?</p>

<p><strong>Plunker</strong>: <a href="http://plnkr.co/edit/veFWTHuWIn2YpfgHqGMC?p=preview" rel="nofollow">http://plnkr.co/edit/veFWTHuWIn2YpfgHqGMC?p=preview</a></p>

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