I'm encountering an issue with my accordion setup. Some entries in the accordion require a heading that highlights when there is a problem that needs attention. I attempted to use an "accordion-heading" with a conditional "ng-class" for "has-error" (taken from Bootstrap) based on a method that determines if attention is needed. Despite trying multiple variations, the "class" attribute does not seem to render in the HTML.
Here is a snippet of my HTML:
<accordion close-others="false">
<div ng-repeat="(name, dataSource) in dataSourceMap">
<accordion-group>
<accordion-heading>
<span ng-class="{'has-error': anyFailuresInList(dataSource)}">
{{name}}
</span>
</accordion-heading>
{{anyFailuresInList(dataSource)}}
</accordion-group>
</div>
</accordion>
The example provided in the documentation at enter link description here suggests that this should work, although the example itself seems flawed (placing the class on an empty "i" element).