使用 AngularJS ui-bootstrap 将类添加到手风琴标题? [英] Add class to accordion heading using AngularJS ui-bootstrap?

问题描述

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

<div ng-repeat="currItem in items" 手风琴组><div Accordion-heading class="myClass">我的标题{{$index}}</div><div class="accordion-inner myClass">asdf asdf asdf</div>

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

当我检查手风琴标题元素时，找不到 myClass 类.有什么原因我不能在手风琴标题中添加类吗?

解决方案

您可以将 CSS 放在指令 accordion-heading 标签中:

<div class="myClass">我的标题{{$index}}</div></accordion-heading>

I want use ng-class to conditionally add a class to the accordion-heading, but it appears that not even setting a class explicitly on the element gets preserved. I have this:

<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>

And the fiddle: http://jsfiddle.net/Zmhx5/1/

When I inspect the accordion heading element, the class myClass is nowhere to be found. Is there some reason I can't add classes to the accordion heading?

解决方案

You can put the CSS inside the directive accordion-heading tags:

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

这篇关于使用 AngularJS ui-bootstrap 将类添加到手风琴标题?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！