Javascript AngularUI中的手风琴头图像

因此，我目前正在将我的项目从jQuery移植到AngularJS，我在jQuery中有以下代码

jQuery代码

$(document).ready(function()
{
    var icons = {
      header: "ui-icon-circle-arrow-e",
      activeHeader: "ui-icon-circle-arrow-s"
    };

    $( "#Session" ).accordion({
      icons: icons
    });
}); 

我在AngularUI中找不到任何图标选项。在AngularUI accordion中添加标题图像有什么解决方法吗？尝试将字体用于图标

<accordion-group heading="My Current Sessions" class="icon-book">
      <div>Content Goes here</div>
</accordion-group>

内容在这里

---

上面的代码在相邻的行上有图标和标题，而不是在同一行上

如果您使用的是来自的accordion指令，并且希望在accordion标题中包含自定义HTML，则可以使用

模拟jquery ui行为并根据状态更改图标，还可以在accordion组中使用is open属性

这里有一个对我有用的例子

<accordion close-others="false">

  <accordion-group is-open="section1.isOpen">
    <accordion-heading>
      <i ng-class="{true : 'icon-chevron-down', false : 'icon-chevron-right'}[!!section1.isOpen]"></i>
      <strong> SECTION 1</strong>
    </accordion-heading>
  CONTENT SECTION 1
  </accordion-group>
  <accordion-group is-open="section2.isOpen">
    <accordion-heading>
      <i ng-class="{true : 'icon-chevron-down', false : 'icon-chevron-right'}[!!section2.isOpen]"></i>
      <strong> SECTION 2</strong>
    </accordion-heading>
  CONTENT SECTION 2
  </accordion-group>

</accordion>

谢谢，现在说得通了。可以读取标题状态并更改活动标题的图标吗？评论只是说这个答案非常有用：）@pkozlowski这不适用于uibootstrap版本1.2.2
<accordion close-others="false">

  <accordion-group is-open="section1.isOpen">
    <accordion-heading>
      <i ng-class="{true : 'icon-chevron-down', false : 'icon-chevron-right'}[!!section1.isOpen]"></i>
      <strong> SECTION 1</strong>
    </accordion-heading>
  CONTENT SECTION 1
  </accordion-group>
  <accordion-group is-open="section2.isOpen">
    <accordion-heading>
      <i ng-class="{true : 'icon-chevron-down', false : 'icon-chevron-right'}[!!section2.isOpen]"></i>
      <strong> SECTION 2</strong>
    </accordion-heading>
  CONTENT SECTION 2
  </accordion-group>

</accordion>