twitter-bootstrap - Bootstrap UI - 如何在选项卡展开时更改 Accordion 标题图标？

Question

如何在展开的选项卡上更改 Accordion 标题图标？

Accordion plunke URL 是:http://plnkr.co/edit/7HMhoHk9AWyBAHALgD0P?p=preview

 <accordion-group>
        <accordion-heading>
            I can have markup, too! <i class="icon-check"></i>
        </accordion-heading>
        This is just some content to illustrate fancy headings.
    </accordion-group>
  </accordion>

所以基本上我想在选项卡展开时更改图标检查类，让我们说图标取消检查

Answer 1

这应该做你想做的..

  <accordion-group is-open="$parent.isOpen">
    <accordion-heading>
        I can have markup, too! 
        <i ng-class="{'icon-minus':isOpen,'icon-plus':!isOpen}"></i>
    </accordion-heading>
    This is just some content to illustrate fancy headings.
  </accordion-group>

这是一个有效的代码: http://plnkr.co/edit/kxKVsqHa1a64RvOUbVcM?p=preview

更新

上面的代码不能正常工作。它一次折叠/展开 Accordion 中的所有组。

看看这个 Plunker 以获得更好的解决方案: http://plnkr.co/edit/RQKAoY04eVj1ysIikRxU?p=preview