AngularUI中的Accordian标题图像

所以我目前将我的项目从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手风琴中添加标题图像？ 试图使用字体真棒的图标

  
Content Goes here
  

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

Answer 1

如果您正在使用来自http://angular-ui.github.io/bootstrap/的accordion指令并希望在您的手风琴标题中使用自定义HTML，则可以使用的元素（而不是在heading属性上转发）。

这是一个例子：

    Put any HTML here  This content is straight in the template.   

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

Answer 2

要模拟jquery-ui行为并根据状态更改图标，您还可以使用accordion-group中的is-open属性。

这是一个适合我的例子

      SECTION 1  CONTENT SECTION 1      SECTION 2  CONTENT SECTION 2   

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