使用AngularJS ui-bootstrap将类添加到手风琴标题？

Question

我想使用ng-class有条件地添加一个类accordion-heading,但似乎甚至没有在元素上显式设置一个类被保留.我有这个:

<div accordion close-others="true">
    <div ng-repeat="currItem in items" accordion-group>
        <div accordion-heading class="myClass">My Heading {{$index}}</div>
        <div class="accordion-inner myClass">asdf asdf asdf</div>
    </div>
</div>

小提琴:http://jsfiddle.net/Zmhx5/1/

当我检查手风琴标题元素时,这个类myClass无处可寻.有什么理由我不能在手风琴标题中添加课程吗？

Answer 1

您可以将 CSS 放入指令accordion-heading标签内：

<accordion-heading>
    <div class="myClass">My Heading {{$index}}</div>
</accordion-heading>