AngularUI中的Accordian标题图像

Question

所以我目前将我的项目从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-group heading="My Current Sessions" class="icon-book">
      <div>Content Goes here</div>
</accordion-group>

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

Answer 1

如果您正在使用来自http://angular-ui.github.io/bootstrap/的accordion指令,并希望在您的手风琴标题中使用自定义HTML,则可以使用其中的<accordion-heading>元素<accordion-group>(而不是在heading属性上进行转发).

这是一个例子:

<accordion>
    <accordion-group>
      <accordion-heading>
        Put any HTML <strong>here</strong><i class="icon-book"></i>
      </accordion-heading>
      This content is straight in the template.
    </accordion-group>
  </accordion>

工作插件:http://plnkr.co/edit/E4QtpTYpHkMmcZhUPZsK？p = preview