Bootstrap UI - 如何在扩展的选项卡上更改手风琴标题图标？

Question

如何在扩展的选项卡上更改手风琴标题图标？

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>

因此,基本上我想更改图标检查类,以便在展开选项卡时使用icon-uncheck

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

UPDATE

上面的代码没有正常工作.它立刻折叠/扩展了手风琴中的所有组.

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