angularjs - 使用 AngularJS ui-bootstrap 将类添加到 Accordion 标题?

标签 angularjs accordion angular-ui angular-ui-bootstrap

我要使用 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>

和 fiddle :http://jsfiddle.net/Zmhx5/1/

当我检查 Accordion 标题元素时,类 myClass无处可寻。有什么原因我不能在 Accordion 标题中添加类吗?

最佳答案

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

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

关于angularjs - 使用 AngularJS ui-bootstrap 将类添加到 Accordion 标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18806163/

相关文章:

javascript - ng-view 不会显示模板

javascript - Angular - 如果有要显示的字符串,则只显示一个值

javascript - 单击时 Accordion 选项卡定位到顶部

页面加载时打开 Javascript Accordion 菜单

javascript - Angular-UI 日历 : Not getting unique id when adding an event

javascript - Node、Express、Angular 路由错误

javascript - 单击十字以删除 Angular-UI-Select 的多选框中的选项重定向到应用程序主页

javascript - 单击 Accordion 标题上的按钮时显示/隐藏按钮 - jQuery

javascript - 如何在 Angular.js 中从不同 View 搜索项目

angularjs - Angular-ui/ Bootstrap : pagination not rendered (missing styles? )