Question

我有一个手风琴，其中一些条目需要有一个标题，强调该组中的数据显示需要注意的问题。我尝试使用＆＃34;手风琴 - 标题＆＃34;用＆＃34; ng-class＆＃34; for＆＃34; has-error＆＃34; （来自bootstrap）以确定是否存在需要注意的方法为条件。我已经尝试了几种不同的变体，而且＃34;类＃34;属性永远不会在HTML中呈现。

这是我的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>

enter link description here文档中的示例表明这应该是可能的，即使示例有点坏（它似乎将类放在空的＆＃34; i＆＃34;元素上）。

Answer 1

accordion-group并不能很好地支持ng-class。请改用课程。如果要有条件地设置样式，可以使用?运算符。例如：

<uib-accordion-group class="{{isSpecial ? 'special-style':''}}">

Answer 2

这可以通过将css类直接应用于组而不是标题

来完成

    <div accordion-group is-open="node.active" is-disabled="node.active" ng-class="{'panel-active': node.active}" ng-repeat="(key,node) in nav.nodes">
         <div accordion-heading >{{node.title}}</div>  
    </div>

然后在你的css中改变第一个DIV的背面

.panel-active>div {
   background-color: #YourActiveColor;
   border-color: #YourActiveColor;
}

试图设置ng-class的AngularJS手风琴标题什么都不做

2 个答案: