Chyba alebo nie? Akordion nefunguje správne na 0.7.0 - angularjs, twitter-bootstrap, akordeón

Snažím sa robiť dosť normálnu vec: ukázať akordeón s otvoreným prvým prvkom.

  <accordion close-others="true">
<accordion-group ng-repeat="group in groups" is-open="$first">
<accordion-heading>
{{group.title}} <i class="pull-right" ng-class="{"icon-chevron-down": isopen, "icon-chevron-right": !isopen}"></i>
</accordion-heading>
<div ng-repeat="item in group.content">{{item.title}}</div>
</accordion-group>
</accordion>

is-open = "$ first" problém takmer vyrieši,

aktualizované

http://plnkr.co/edit/CODNWD7WiBHDfYHHuK7C?p=preview
http://plnkr.co/edit/4jYuw2?p=preview

ale pozrite sa na ikonu-chevron - stále je dole. A keď kliknem - rozbalí sa a zbalí sa, ale ikony sú stále dole ...

odpovede:

Klonoval som vaše plunkr a funguje to s niekoľkými zmenami: http://plnkr.co/edit/1IHE5lRmm0oZzeHekkkZ?p=preview

Tu vidíte, ako vyzerá váš kód teraz:

<accordion close-others="true">
<accordion-group ng-repeat="group in groups" is-open="group.open">
<accordion-heading>
{{group.title}} <i class="pull-right" ng-class="{"icon-chevron-down": group.open, "icon-chevron-right": !group.open}"></i>
</accordion-heading>
<div ng-repeat="item in group.content">{{item.title}}</div>
</accordion-group>
</accordion>

Týmto spôsobom budete mať predvolene otvorenú prvú kartu a fungujúce zatvorené ikony.